如何使用JavaScript获取表格单元格数据？以指定表格的Little2为例

嘿，这里有几个实用的方法帮你拿到目标单元格的内容：

• 方法一：使用querySelector精准定位
  直接通过CSS选择器定位到第二行的<td>元素，然后获取它的文本内容：

  const little2Text = document.querySelector('table tr:nth-child(2) td').textContent;
  console.log(little2Text); // 输出 "Little2"
  

  解释：tr:nth-child(2)选中表格里的第二个<tr>（第一个tr是包含"This"的那行），再取里面的<td>就能拿到目标内容。

• 方法二：利用表格的rows和cells集合
  先获取表格元素，再通过行和单元格的索引来定位（注意索引从0开始）：

  const table = document.querySelector('table');
  const little2Text = table.rows[1].cells[0].textContent;
  console.log(little2Text); // 输出 "Little2"
  

  这里rows[1]对应第二行，cells[0]是该行的第一个（也是唯一一个）单元格。

• 方法三：更稳妥的方式（给表格加ID）
  如果页面上有多个表格，建议给目标表格加个ID，比如：

  <table id="targetTable">
    <!-- 表格内容 -->
  </table>
  

  然后用ID精准定位表格，再获取单元格：

  const little2Text = document.getElementById('targetTable').rows[1].cells[0].textContent;
  console.log(little2Text);
  

  这种方式能避免误选其他表格，可靠性更高。

内容的提问来源于stack exchange，提问作者mpaul