JS获取Table中td值的方法

获取表格中单元格（td）的值是 JavaScript 中常见的操作之一，常用于数据整理和处理。下面我将为您详细讲解 JS 获取表格中 td 值的方法，整个攻略包括以下几个部分：

1. 非固定表格的处理方法
2. 固定表格处理方法
3. 示例说明

1. 非固定表格的处理方法

对于非固定的表格（即行列数不确定），可以通过以下方法获取其中的单元格值：

首先，我们需要通过 document 对象来获取表格元素，通常需要使用 getElementById 或 querySelector 等方法获取。

var table = document.getElementById('tableId'); 
// 或者
var table = document.querySelector('#tableId');

接着，通过遍历行和单元格，即可依次获取每个单元格的值。

for (var i = 0; i < table.rows.length; i++) { // 遍历所有行
    for (var j = 0; j < table.rows[i].cells.length; j++) { // 遍历所有单元格
        var value = table.rows[i].cells[j].innerText; // 获取单元格内的值
        // TODO: 对值进行处理
    }
}

其中，table.rows.length 表示表格的行数，table.rows[i] 表示表格的第 i 行，而 table.rows[i].cells.length 表示一行的单元格数，table.rows[i].cells[j] 表示一行中的第 j 个单元格，而 innerText 则是获取单元格内的值。最后，我们可以对获取到的值进行必要的处理，例如存储到数组中等。

2. 固定表格处理方法

对于固定的表格（即行列数已知），我们也可以通过类似的方式来获取单元格值。只需要将遍历行和单元格的代码替换为下面的代码即可：

for (var i = 1; i <= rowCount; i++) { // 遍历所有行
    for (var j = 1; j <= colCount; j++) { // 遍历所有单元格
        var value = table.rows[i].cells[j].innerText; // 获取单元格内的值
        // TODO: 对值进行处理
    }
}

其中，rowCount 和 colCount 分别表示表格的行数和列数。

3. 示例说明

假设我们有以下的 HTML 表格：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>18</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>20</td>
    </tr>
  </tbody>
</table>

针对该表格，可以使用以下代码进行单元格值的获取：

var table = document.getElementById('myTable');
for (var i = 0; i < table.rows.length; i++) {
  for (var j = 0; j < table.rows[i].cells.length; j++) {
    var value = table.rows[i].cells[j].innerText;
    console.log(value);
  }
}

输出结果为：

"姓名"
"年龄"
"张三"
"18"
"李四"
"20"

再以固定表格为例，给出另一个示例代码：

var table = document.getElementById('myTable');
var rowCount = table.rows.length - 1;
var colCount = table.rows[0].cells.length - 1;
for (var i = 1; i <= rowCount; i++) {
  for (var j = 1; j <= colCount; j++) {
    var value = table.rows[i].cells[j].innerText;
    console.log(value);
  }
}

同样地，输出结果为：

"张三"
"18"
"李四"
"20"

以上就是关于 JS 获取表格中 td 值的完整攻略，希望能对您有所帮助。