js拿取表格中对应表头下的数据
时间: 2024-04-30 16:23:48 浏览: 142
可以使用以下代码来获取表格中特定表头的数据:
```javascript
// 获取表格元素
var table = document.getElementById("myTable");
// 获取表头元素
var headers = table.getElementsByTagName("th");
var targetHeader = null;
// 找到目标表头元素
for (var i = 0; i < headers.length; i++) {
if (headers[i].textContent === "目标表头名称") {
targetHeader = headers[i];
break;
}
}
// 如果找到了目标表头元素,则获取对应的数据
if (targetHeader) {
var rows = table.getElementsByTagName("tr");
for (var j = 1; j < rows.length; j++) {
var cells = rows[j].getElementsByTagName("td");
for (var k = 0; k < cells.length; k++) {
if (cells[k].parentNode.parentNode.firstChild === targetHeader) {
var data = cells[k].textContent;
// 处理数据
console.log(data);
}
}
}
}
```
其中,`myTable` 是表格的 id,"目标表头名称" 是需要获取数据的表头名称。该代码会遍历表格中的每个单元格,找到对应表头下的单元格并获取其中的数据。
阅读全文