用 createElement 创建的表格为什么显示不出来？

跨浏览器表格创建

最新推荐文章于 2022-11-08 11:40:18 发布

原创最新推荐文章于 2022-11-08 11:40:18 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#table #ie

学习笔记同时被 2 个专栏收录

84 篇文章

订阅专栏

34 篇文章

订阅专栏

本文介绍了一种使用JavaScript createElement方法创建HTML表格的方法，并确保其在Firefox和Internet Explorer等不同浏览器中都能正确显示。关键在于要在tr元素与table元素之间创建tbody元素。

用 createElement 创建的表格在 FF 下可以显示，但在 IE 下无法显示，原因是没有创建 tbody，应该在 tr 和 table 之间创建 tbody（对应于表头和表脚分别是：thead 和 tfoot），这样在 IE 和 FF 下都可以显示。

var message = document.createTextNode("info");
 
var td = document.createElement("td");
td.appendChild(message);
 
var tr = document.createElement("tr");
tr.appendChild(td);
 
var tbody = document.createElement("tbody");
tbody.appendChild(tr);
 
var table = document.createElement("table");
table.appendChild(tbody);