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:

Expand|Select|Wrap|Line Numbers

 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:

Expand|Select|Wrap|Line Numbers

 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

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

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about