createelement / name

[gerases]

Weird behavior in Safari:

myRow = createElement('tr');
myTD = createElement('td');

elem = createElement('select');
elem.name = 'my_name';

myTD.appendChild(elem);
myRow.appendChild(myTD);

alert(myRow.innerHTML) gives:

<TR>
<TD>
<SELECT></SELECT>
</TD>
</TR>

Bottom line, the name attribute is missing. Anyone experienced this?

 

[gerases]

Sorry, I was typing from my memory and forgot "document." before createElement...

 

[mbrooks]

This is how it's done.

myRow = createElement('tr');
myTD  = createElement('td');

elem  = createElement('select');
elem.[b]setAttribute('name', 'my_name');[/b]

myTD.appendChild(elem);
myRow.appendChild(myTD);

alert(myRow.innerHTML) gives:

M. Brooks

http://mbrooks.info

 

[mbrooks]

And I just 'cut & paste' your original code. But you get the point.

M. Brooks

http://mbrooks.info

 

[gerases]

Nope, I actually tried that before I posted. The name is still missing... Did you try it in your Safari?

 

[gerases]

Sorry, it did work when I created a simple case. Something within my more complicated case is messing it up, but I'll figure it out. Thanks A LOT for the tip!!!

 

[mbrooks]

No problem!

M. Brooks

http://mbrooks.info

 

[gerases]

So how do I do it across browsers without sniffing?

In IE it's: elem = createElement("<select name='my_name'>")
In FF: elem = createElement('select'); elem.name = 'my_name'
In Safari: elem = createElement('select'); elem.setAttribute('name', 'my_name');

Safari doesn't error back on elem.name = 'my_name' and you can actually query the property back, but it doesn't write it in the resulting HTML.

 

[mbrooks]

This should work in Safari, IE, and Firefox.

elem.setAttribute('name', 'my_name');

M. Brooks

http://mbrooks.info

 

[gerases]

Hmm, take a look at the article below. Would be curious about your thoughts.

http://www.easy-reader.net/archives/2005/09/02/death-to-bad-dom-implementations/