javascript - 如何在javascript中选择一系列html表格单元格值？

Question

请帮忙！我有一个 html 表格，例如我想选择表格的前 4 个单元格值，但我不知道如何。我试过： var table = document.getElementById("td") selectedCell = table.cells[0:4]

javascript不理解这种方式。

标签： javascript

Answer 1

您可以通过其行索引和单元格索引访问单元格，如下所示：

var table = document.getElementById('table1')

for(let rowIndex = 0; rowIndex < 2; rowIndex++){
  for(let cellIndex = 0; cellIndex < 2; cellIndex++){
     console.log(table.rows[rowIndex].cells[cellIndex]);
  }
}

<table id="table1" style="width:100%">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
    <tr>
    <td>March</td>
    <td>$70</td>
  </tr>
    <tr>
    <td>April</td>
    <td>$160</td>
  </tr>
</table>

如果您提供一些示例数据和预期的输出，我可以使用它来帮助您对此进行调整。