使用JavaScript计算HTML表中的单元格数

Question

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

Answer 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>