javascript - 表格元素未在 IE 中显示

Question

我是 Javascript 的新手，遇到了一个奇怪的问题。 Javascript 生成的表格元素在 IE 中不起作用，但它们在我尝试过的所有其他浏览器中都能正常工作。我设法将问题隔离到在 JS 中添加子元素:

var table = document.createElement("table");
var tabler = document.createElement("tr");
var tab = document.createElement("td");
var node = document.createTextNode('test');
textdiv.appendChild(table);
table.appendChild(tabler);
tabler.appendChild(tab);
tab.appendChild(node);

上面的代码在 chrome 中创建了一个只有一个文本元素的表格，但在 IE 中它是完全空白的。

我做了一些实验，发现这段代码:

var table = document.createElement("table");
var tabler = document.createElement("tr");
var tab = document.createElement("td");
var node = document.createTextNode('test');
textdiv.appendChild(table.appendChild(tabler.appendChild(tab.appendChild(node))));

在 IE 和 Chrome 中都有效，但表格被格式化为居中对齐，而第一个代码将其居左对齐(css 的正文居中对齐)。

这是怎么回事？

Answer 1

我认为您的问题是您没有 <tbody>在你的 table 上。请参阅此类似帖子以获得更长的解释:

Can't dynamically add rows to a <TABLE> in IE?