如何在 Javascript 中迭代表格行和儲存格？

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

使用HTML 表格時，通常需要迭代其行和單元格來檢索資料或執行計算。以下是使用JavaScript 實現此目的的兩種方法：

選項1：迭代行和列

要迭代表中的每一行和每一列，請使用下列指令語法：

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   // Iterate through rows
   for (var j = 0, col; col = row.cells[j]; j++) {
     // Iterate through columns
   }  
}

在此循環中，row 代表目前行，col 代表目前儲存格。您可以使用 col.innerHTML 存取儲存格內的資料。

選項2：僅迭代單元格

如果您只想迭代單元格，請忽略rows，使用以下程式碼：

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

在此循環中，cell 代表目前儲存格，您可以使用cell.innerHTML 存取其資料。

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