Setting innerHTML wraps content with DIVs!?
Trying to add some HTML to an element with innerHTML and weird stuff happens in Firefox (3.5, 3.6)?
var elm = document.getElementById('myElement');
elm.innerHTML = 'Test';
alert(elm.innerHTML);
// alerts '<div xmlns="http://www.w3.org/1999/xhtml">Test</div>'
I just figured out the problem is that one of myElement ancestors is attached to a table as a non-table element. In my case there was a div attached to a tr. Changing that div to td fixed the problem.
And they say web development isn’t full of surprises…
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=b6295000-ad04-47d4-b392-7b4e3b9eb67a)
