仅使用 table 行（<tr>）id 和 Javascript 读取 table 单元格值（<td>）

Question

我有一个table如下：

<table id="mytable">
  <tr id='id1'>
    <td>Cell A</td>
    <td >Cell B</td>
    <td >Cell C</td>
  </tr>
  <tr id='id2'>
    <td >Cell D</td>
    <td>Cell E</td>
    <td>Cell F</td>
  </tr>
</table>

我知道行 id id1 我想使用 table id 和行 id 读取所有我指的 <td> 的单元格。这意味着我需要读取值 Cell A, Cell B, Cell C

注意：仅使用 Javascript

Answer 1

这是演示 fiddle。

HTML

<table id="mytable">
  <tr id='id1'>
    <td>Cell A</td>
    <td >Cell B</td>
    <td >Cell C</td>
  </tr>
  <tr id='id2'>
    <td >Cell D</td>
    <td>Cell E</td>
    <td>Cell F</td>
  </tr>
</table>

JS

var tr = document.getElementById('id1');
var td = tr.getElementsByTagName("td");
for(var i=0;i<td.length;i++) {
    console.log(td[i].innerHTML);
}

希望这就是您所需要的！

仅使用 table 行（<tr>）id 和 Javascript 读取 table 单元格值（<td>）

Read table cell values(<td>) using table row(<tr>) id with Javascript only

javascript

row

html-table

cell