ansaurus

Question

Answer 1

A:

Try:

function button1_click(){
    alert("Enter");

    var label = document.getElementById('Label1');
    alert(label.getAttribute("MyAttribute"));
    label.MyAttribute = "Updated";
    alert("Label1.MyAttribute " + label.MyAttribute);

}

IE seems to search element IDs (and probably names) when you use an undefined global variable in your JavaScript. Firefox does not.

You could argue that either behavior is correct, but I would have to side with Firefox in this one. I don't like browsers assuming things about my code. Only makes minor errors, like the once in your original code, harder to spot.

Atli 2009-12-11 14:01:35

Why the down-vote?... Just out of curiosity :]

Atli 2009-12-11 18:12:18

Answer 2

A:

Your markup would be invalid. I've seen people do this sort of thing before but have never tried to understand it for that reason. How can you force any application to understand the it unless you used a different mime-type? And what about other browsers?

Rob 2009-12-11 14:02:25

The great semantic web debate. :( How would you deliver custom attributes right now?

AnthonyWJones 2009-12-11 14:09:48

I think(?) we are probably in agreement that customer attributes, like winform control tags, are useful, if this feature, intended or not, works in all major browsers, why not use it? Concern that because it is not part of an official spec that it may stop working? :-)

Velika 2009-12-11 14:48:52

data-*="". See http://www.whatwg.org/html5/#embedding-custom-non-visible-data

Ms2ger 2009-12-11 17:53:25

Answer 3

+3 A:

You need to assign node instance to the Label1 variable:

var Label1 = document.getElementById("Label1");

Also, when working with DOM, do not set values to properties, better do this with, setAttribute function

nemisj 2009-12-11 14:02:42

Answer 4

+5 A:

You've discovered getAttribute but you need to retrieve the element with document.getElemenById and you need to use setAttribute to modify the attribute.

function button1_click()
{
  alert("Enter");
  var label1 = document.getElementById("Label1"); 
  alert(label1.getAttribute("MyAttribute"));
  label1.setAttribute("MyAttribute", "Updated");
  alert("Label1.MyAttribute " + label1.getAttribute("MyAttribute"));
}

AnthonyWJones 2009-12-11 14:06:16

ansaurus

tags:

views:

answers:

Custom HTML Attributes,: Firefox vs. IE

related questions