Browser Quirk: Dynamically appended table does not appear on page (IE)

[acoder]

Problem
The table, when appended dynamically, does not appear on the page.

Browser
Internet Explorer

Example
The Javascript code:
[CODE=javascript]var obj = document.getEle mentById("someO bjectID");
var table = document.create Element("table" );
var tr = document.create Element("tr");
var td = document.create Element("td");
...
tr.appendChild( td);
table.appendChi ld(tr);
obj.appendChild (table);[/CODE]
Solution
Add a tbody element and append the table row to the tbody:
[CODE=javascript]var obj = document.getEle mentById("someO bjectID");
var table = document.create Element("table" );
var tbody = document.create Element("tbody" );
var tr = document.create Element("tr");
var td = document.create Element("td");
...
tr.appendChild( td);
tbody.appendChi ld(tr);
table.appendChi ld(tbody);
obj.appendChild (table);[/CODE]

More Bugs, Quirks and Inconsistencies