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…