js table追加行
时间: 2023-07-08 20:36:20 浏览: 88
您可以通过以下步骤在 JavaScript 中向表格追加行:
1. 获取表格对象:
```javascript
var table = document.getElementById("tableId");
```
注意:`tableId` 是您表格的 ID。
2. 创建新行对象:
```javascript
var row = table.insertRow();
```
3. 创建单元格对象:
```javascript
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// 以此类推,根据您表格需要的列数来插入单元格
```
4. 为单元格添加文本内容:
```javascript
cell1.innerHTML = "单元格1内容";
cell2.innerHTML = "单元格2内容";
// 以此类推,根据您表格的列数来为每个单元格添加文本内容
```
完整代码如下:
```javascript
var table = document.getElementById("tableId"); // 获取表格对象
var row = table.insertRow(); // 创建新行对象
var cell1 = row.insertCell(0); // 创建单元格对象
var cell2 = row.insertCell(1); // 创建单元格对象
cell1.innerHTML = "单元格1内容"; // 为单元格添加文本内容
cell2.innerHTML = "单元格2内容"; // 为单元格添加文本内容
```
这样,您就可以向表格中追加一行了。
阅读全文