html table批量添加行与删除行,js实现对table的增加行和删除行的操作方法

要实现对 HTML 表格的增加行和删除行，可以使用 JavaScript。以下是实现的方法：

1. 添加行：

首先，获取到要添加行的表格对象（如 `var table = document.getElementById('myTable');`）。

然后，创建一个新的行对象（如 `var row = table.insertRow();`）。

接下来，为新行对象添加单元格（如 `var cell1 = row.insertCell();`）。

最后，设置单元格的值（如 `cell1.innerHTML = "新单元格";`）。

完整示例代码如下：

// 获取表格对象
var table = document.getElementById('myTable');

// 创建新行对象
var row = table.insertRow();

// 添加单元格
var cell1 = row.insertCell();

// 设置单元格的值
cell1.innerHTML = "新单元格";

2. 删除行：

首先，获取到要删除行的表格对象（如 `var table = document.getElementById('myTable');`）。

然后，获取要删除的行对象（如 `var row = table.rows[index];`）。

接下来，调用表格对象的 `deleteRow()` 方法，传入要删除的行的索引（如 `table.deleteRow(index);`）。

完整示例代码如下：

// 获取表格对象
var table = document.getElementById('myTable');

// 获取要删除的行对象
var row = table.rows[index];

// 删除行
table.deleteRow(index);

以上就是对 HTML 表格进行增加行和删除行的操作方法。