通过js遍历获取id为test1的表格上的所有数据,并放入list当中,并打印
时间: 2024-02-05 19:10:47 浏览: 101
json数据自动转换成表格
4星 · 用户满意度95%
假设表格的 HTML 代码如下:
```html
<table id="test1">
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Female</td>
</tr>
</table>
```
可以使用以下 JavaScript 代码来遍历获取表格数据并将其放入数组中:
```js
const table = document.getElementById("test1");
const rows = table.getElementsByTagName("tr");
const dataList = [];
for (let i = 1; i < rows.length; i++) {
const cells = rows[i].getElementsByTagName("td");
const data = {
name: cells[0].textContent,
age: cells[1].textContent,
gender: cells[2].textContent
};
dataList.push(data);
}
console.log(dataList);
```
代码中,先通过 `document.getElementById()` 获取表格元素,然后通过 `getElementsByTagName()` 获取表格的行和单元格。接着使用一个 for 循环遍历每一行,将单元格数据封装成一个对象,最后将对象添加到 dataList 数组中。最后使用 `console.log()` 打印 dataList 数组。
阅读全文