js实现表格的增删改查
时间: 2023-07-07 10:15:59 浏览: 48
可以使用以下代码实现:
1. 添加行:
```javascript
// 获取表格对象
var table = document.getElementById("table");
// 创建新行
var newRow = table.insertRow();
// 插入新单元格
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);
var cell3 = newRow.insertCell(2);
// 设置单元格内容
cell1.innerHTML = "新行1";
cell2.innerHTML = "新行2";
cell3.innerHTML = "新行3";
```
2. 删除行:
```javascript
// 获取表格对象
var table = document.getElementById("table");
// 删除第一行
table.deleteRow(0);
```
3. 修改行:
```javascript
// 获取表格对象
var table = document.getElementById("table");
// 获取第一行
var row = table.rows[0];
// 获取第一个单元格
var cell = row.cells[0];
// 修改单元格内容
cell.innerHTML = "修改后内容";
```
4. 查询行:
```javascript
// 获取表格对象
var table = document.getElementById("table");
// 遍历所有行
for (var i = 0; i < table.rows.length; i++) {
// 获取当前行
var row = table.rows[i];
// 获取第一个单元格
var cell = row.cells[0];
// 判断单元格内容是否符合要求
if (cell.innerHTML === "查找内容") {
alert("找到了!");
break;
}
}
```