js对表格增加与批量删除内容代码
时间: 2023-06-05 19:06:04 浏览: 180
可以使用JavaScript的DOM操作来实现对表格的增加与批量删除操作。具体实现方法可以参考以下示例代码:
1. 增加表格行:
```javascript
// 获取表格
var table = document.getElementById('table');
// 创建新行
var newRow = table.insertRow();
// 设置新行单元格内容
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);
cell1.innerHTML = 'Cell 1';
cell2.innerHTML = 'Cell 2';
```
2. 删除表格行:
```javascript
// 获取表格
var table = document.getElementById('table');
// 获取所有行
var rows = table.getElementsByTagName('tr');
// 循环删除行
for (var i = 1; i < rows.length; i++) { // 忽略表头行
// 获取复选框
var checkbox = rows[i].getElementsByTagName('input')[0];
if (checkbox.checked) {
// 删除行
table.deleteRow(i);
i--; // 删除后需要将索引减1
}
}
```
注意:以上代码仅供参考,具体实现需要根据实际情况进行修改。同时,该代码未考虑浏览器兼容性,请谨慎使用。