javascript - 使用 javascript 获取表格内容

Question

如何从没有任何 id 的表中读取数据

<table>
  <tr>
    <td>td 1</td>
    <td>td 2</td>
    <td>td 3</td>
  </tr>
  <tr>
    <td>td 1</td>
    <td>td 2</td>
    <td>td 3</td>
  </tr>
  <tr>
    <td>td 1</td>
    <td>td 2</td>
    <td>td 3</td>
  </tr>
</table>

我需要所有 tr 的 td1 和 td3 中的文本

标签： javascript

Answer 1

一种可能的方法：

//select trs
var rows = document.querySelector("table").rows

const trs = [];

for (var i = 0; i < rows.length; i++) {
  const tds = [];
  // using rows[i].cells you'll get tds
  for(var j = 0; j < rows[i].cells.length; j++) {
     // using .innerHTML you'll get td's text
     tds.push(rows[i].cells[j].innerHTML)
  }
  trs.push(tds);
}

console.log(trs);

<table>
  <tr>
    <td>td 1</td>
    <td>td 2</td>
    <td>td 3</td>
  </tr>
  <tr>
    <td>td 4</td>
    <td>td 5</td>
    <td>td 6</td>
  </tr>
  <tr>
    <td>td 7</td>
    <td>td 8</td>
    <td>td 9</td>
  </tr>
</table>