ie的怪癖盒模型_浏览器怪癖：动态附加的表未显示在页面（IE）上

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

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

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

ie的怪癖盒模型