如何在 Javascript 中迭代表格行和单元格？-js教程-PHP中文网

如何在 Javascript 中迭代表格行和单元格？

Linda Hamilton

发布： 2024-11-06 08:08:02

原创

526 人浏览过

How do I iterate through table rows and cells in 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中文网其他相关文章！