Date: 05/18/07 (Javascript Community)    Keywords: html, web

The following does not work in IE7:

var workspace = document.getElementsByTagName("BODY")[0]
var table = document.createElement("TABLE");
var tr = document.createElement("TR");
table.appendChild(tr);
var td = document.createElement("TD");
td.innerText = 'hello';
tr.appendChild(td);
workspace.appendChild(table);


I thought this was something weird about IE, since it will create all sorts of other elements with no problem at all. But I checked and they even have a page on how to do it Here.

Firefox and Opera have no problems with it, provided you change innerText to innerHTML - a chance which still makes no difference in IE.

Anyone got any ideas?

Additionally - is there any way to see the *generated* source in IE7, as can be done using the Web Developer extension in Firefox?

Source: http://community.livejournal.com/javascript/133527.html