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

cxygs5788

于 2020-07-08 00:53:25 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

文章标签： js html5 javascript css web ViewUI

原文链接：https://bytes.com/topic/javascript/insights/799228-browser-quirk-dynamically-appended-table-does-not-appear-page-ie

本文探讨了在IE浏览器中使用JavaScript动态添加表格至页面时遇到的显示问题。通过对比不同实现方式，发现直接将表格行附加到table元素可能导致显示异常，而先创建tbody元素再进行附加则能有效解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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的怪癖盒模型