使用 JavaScript 计算 HTML 表格中的单元格数 [关闭]

【问题标题】：Count number of cells in HTML table using JavaScript [closed]使用 JavaScript 计算 HTML 表格中的单元格数 [关闭]
【发布时间】：2019-01-17 10:15:19
【问题描述】：

我想仅使用 JavaScript 计算具有背景颜色的特定行的表格单元格数，或没有颜色的表格行中的单元格数。

【问题讨论】：

您为此尝试过什么吗？分享最少的代码或工作示例，以便我们理解问题并为您提供帮助。
选择一行并使用特定的类名计算所有彩色单元格。
您正在寻找的是window.getComputedStyle()。如果您在实施时遇到任何麻烦，请提出一个新问题。

标签： javascript html css

【解决方案1】：

以下是关于如何遍历特定行的单元格的示例：

var table = document.getElementById("table");
var _cells = table.rows[0].cells;
document.getElementById("result").innerHTML = _cells.length

var greenCells = 0;

for (cell = 0; cell < _cells.length; cell++){
 if(_cells[cell].classList.contains('green'))
  greenCells++;
}

console.log('green cells: ', greenCells);

#table{
border: 1px solid #000;
}

.green{
background: green;
}

<table id="table">
  <tr>
    <td class="green"> row 1</td>
    <td> row 1 </td>
    </tr>
  <tr>
    <td> row 2 </td>
    <td> row 2 </td>
  </tr>
</table>

Total cells
<span id="result"></span>

【讨论】：