首頁 >web前端 >js教程 >如何在 JavaScript 中迭代 HTML 表格行和儲存格?

如何在 JavaScript 中迭代 HTML 表格行和儲存格?

Barbara Streisand
Barbara Streisand原創
2024-11-06 08:24:02373瀏覽

How can I iterate through HTML table rows and cells in JavaScript?

在JavaScript 中迭代HTML 表格行和單元格

使用JavaScript 迭代HTML 中的表格行和單元格允許您存取和操作動態地顯示表格的內容。以下是實現此目的的步驟:

要迭代表格行並檢索單元格值,請使用以下方法:

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   // Access each row using "row"
   for (var j = 0, col; col = row.cells[j]; j++) {
     // Access each column using "col"
   }  
}

此方法可讓您存取表格行和其中的儲存格每次循環迭代。

如果您只需要迭代單元格,而不考慮行,請使用以下程式碼:

var table = document.getElementById("mytab1");
for (var i = 0, cell; cell = table.cells[i]; i++) {
     // Access each cell using "cell"
}

此方法直接迭代表格中的儲存格。

以上是如何在 JavaScript 中迭代 HTML 表格行和儲存格?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn