我試圖訪問表中每一行的第二個單元格,但它似乎不起作用,只是顯示了一堆未定義的變數。有什么辦法可以做到這一點嗎?任何幫助,將不勝感激。
示例表:
| A欄 | B欄 | C欄 |
|---|---|---|
| 資料1A | 資料1B | 資料1C |
| 資料2A | 資料2B | 資料2C |
| 資料3A | 資料3B | 資料3C |
注意:我試圖訪問斜體資料單元格。
let table = document.querySelector("table");
for (let row of table.rows) {
for (let cell of row.cells) {
console.log(cell[1]);
}
}
輸出 :
Undefined
期待輸出:
<td>Data 1B</td>
<td>Data 2B</td>
<td>Data 3B</td>
uj5u.com熱心網友回復:
請參見:
const tbl = document.querySelector("table");
for(let row of tbl.rows) {
console.log(row.cells[1].innerHTML);
}
<table>
<tbody>
<tr>
<td>td 0.0</td>
<td>td 0.1</td>
<td>td 0.2</td>
</tr>
<tr>
<td>td 1.0</td>
<td>td 1.1</td>
<td>td 1.2</td>
</tr>
</tbody>
</table>
在您的代碼中,您試圖將迭代單元格的內部值的索引設為:
for (let cell of row.cells) {
console.log(cell[1]);
}
這是不正確的。
uj5u.com熱心網友回復:
這是我的解決方案:
let secCellList= document.querySelectorAll("table tbody tr td:nth-child(2)");
secCellList.forEach(secondCell=>{
console.log(secondCell.innerHTML);
})
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/351808.html
標籤:javascript html dom
