如何使用纯JavaScript在Table中创建TBody标签?

前端之家收集整理的这篇文章主要介绍了如何使用纯JavaScript在Table中创建TBody标签?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用纯 JavaScript在Table标签中创建TBody标签? (没有手动篡改HTML代码).有HTMLTableElement.createTHead()和HTMLTableElement.createTFoot()函数,但没有关于TBody元素的函数.要添加到此,一旦创建了一个THead元素,使用HTMLTableElement.insertRow()添加到表中的所有以下行都将添加到THead元素中.

你如何去创建一个TBody元素下面,而不用手工篡改HTML?

解决方法

DOM Level 1 spec

Interface HTMLTableElement

The create and delete methods on the table allow authors to construct
and modify tables. HTML 4.0 specifies
that only one of each of the CAPTION,
THEAD,and TFOOT elements may exist in
a table. Therefore,if one exists,and
the createTHead() or createTFoot()
method is called,the method returns
the existing THead or TFoot element.

所以createTHead和createTFoot是不一定做实际创建的便利方法.

相比之下,表格元素可以具有您喜欢的多少,因此无需特殊方法,而HTMLTableElement.appendChild(document.createElement(‘tbody’))将完成整个作业.

猜你在找的JavaScript相关文章