浏览器怪癖：动态附加表未显示在页面（IE）上

问题

该表在动态添加后不会出现在页面上。

浏览器

IE浏览器

例

Javascript代码：

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);

解

添加一个tbody元素并将表行附加到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);

更多错误，怪癖和不一致之处

From: https://bytes.com/topic/javascript/insights/799228-browser-quirk-dynamically-appended-table-does-not-appear-page-ie