HTML | DOM 表 tBodies 集合

什么是 tBodies 集合？

tBodies 集合是 HTML 表格对象 (table) 的一个属性，它返回一个包含表格的所有 tbody 元素的集合。tbody 元素在 HTML 表格中通常用于定义一组表格行 (tr)，这些行可以作为一个逻辑整体进行处理，例如设置样式或添加事件监听器。

如何访问 tBodies 集合？

您可以使用以下代码获取表格的 tBodies 集合：

var table = document.getElementById("myTable");
var tBodies = table.tBodies;

其中 myTable 是表格的 ID，您也可以使用其他方式获取表格对象。

如果表格中不存在 tbody 元素，则 tBodies 集合将为空。

如何使用 tBodies 集合？

您可以使用 tBodies 集合中的方法和属性访问表格的每个 tbody 元素。例如，以下代码将获取表格的第一个 tbody 元素，然后将其背景色设置为红色：

var firstTBody = table.tBodies[0];
firstTBody.style.backgroundColor = "red";

您也可以使用 length 属性获取表格中 tbody 元素的数量：

var numTBody = table.tBodies.length;
console.log("The table has " + numTBody + " tBodies.");

除此之外，您还可以使用 insertRow() 和 deleteRow() 方法向 tbody 中添加或删除表格行。

总结

tBodies 集合提供了方便的访问表格中 tbody 元素的方式，并且可以使用它来进行表格行的添加、删除和样式设置等操作。在使用 tBodies 集合时，您应该注意检查表格中是否存在 tbody 元素，以避免出现意外错误。