HTML DOM TBody 对象介绍

HTML DOM TBody 对象是指 HTML 表格的标签，该标签用于表示表格的主体部分，元素内可包含多个标签。TBody 对象提供了访问和操作表格主体的方法和属性，使得开发者可以更方便地控制表格。

TBody 对象的属性

TBody 对象的属性如下：

rows

返回一个集合对象，该对象包含元素内所有的行（即元素）。使用这个属性，可以遍历和操作表格中每一行的数据。

TBody 对象的方法

常用的 TBody 对象方法如下：

insertRow()

在元素内插入一行（元素），并返回这个新插入的行（以 Row 对象形式返回）。使用 insertRow() 方法可以动态地向表格中添加数据行。

deleteRow()

删除某一行（或多行）数据。需要指定要删除的行在元素的索引位置，即在什么位置上添加的就从什么位置开始删除。

示例代码

// 获取 tbody 元素
var tbody = document.getElementsByTagName('tbody')[0];

// 向 tbody 元素内插入一行数据
var newRow = tbody.insertRow();
newRow.insertCell(0).textContent = 'John Doe';
newRow.insertCell(1).textContent = '30';
newRow.insertCell(2).textContent = 'Male';

// 删除 tbody 元素中第一行数据
tbody.deleteRow(0);

以上代码演示了如何通过 TBody 对象的 insertRow() 和 deleteRow() 方法来动态地添加和删除表格数据行。在实际开发中，我们经常需要通过 JavaScript 来操作表格，深入了解 TBody 对象的使用可以帮助开发者更高效地完成这一任务。