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:

var obj = document.getElementById("someObjectID");
var table = document.createElement("table");
var tr = document.createElement("tr");
var td = document.createElement("td");
...
tr.appendChild(td);
table.appendChild(tr);
obj.appendChild(table);

Solution
Add a tbody element and append the table row to the tbody:

var obj = document.getElementById("someObjectID");
var table = document.createElement("table");
var tbody = document.createElement("tbody");
var tr = document.createElement("tr");
var td = document.createElement("td");
...
tr.appendChild(td);
tbody.appendChild(tr);
table.appendChild(tbody);
obj.appendChild(table);

More Bugs, Quirks and Inconsistencies