使用js 循环一个table
时间: 2024-05-01 14:19:59 浏览: 13
可以使用 JavaScript 的循环语句和 DOM 操作来循环一个 table。
首先,需要获取到 table 元素,可以使用 `document.getElementById()` 或 `document.querySelector()` 方法获取到。然后,可以通过 `table.rows` 属性获取到 table 中的所有行,通过 `row.cells` 属性获取到每行中的所有单元格。
以下是一个示例代码:
HTML:
```html
<table id="myTable">
<tr>
<td>1</td>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td>2</td>
<td>Jane</td>
<td>Doe</td>
</tr>
<tr>
<td>3</td>
<td>Bob</td>
<td>Smith</td>
</tr>
</table>
```
JavaScript:
```javascript
// 获取 table 元素
const table = document.getElementById('myTable');
// 循环所有行
for (let i = 0; i < table.rows.length; i++) {
const row = table.rows[i];
// 循环当前行中的所有单元格
for (let j = 0; j < row.cells.length; j++) {
const cell = row.cells[j];
// 输出单元格内容
console.log(cell.innerHTML);
}
}
```
上面的代码会输出 table 中每个单元格的内容。你可以根据需要修改输出内容或执行其他操作。