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

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

fjnu2008

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

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 学习笔记文章标签： table ie

本文链接：https://blog.youkuaiyun.com/fjnu2008/article/details/6571979

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

84 篇文章

订阅专栏

34 篇文章

订阅专栏

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

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

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