仅使用 Javascript 使用表格行 (<tr>) id 读取表格单元格值 (<td>)答案

【问题标题】：Read table cell values(<td>) using table row(<tr>) id with Javascript only仅使用 Javascript 使用表格行 (<tr>) id 读取表格单元格值 (<td>)
【发布时间】：2018-01-01 23:16:52
【问题描述】：

我有一张如下表：

<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 我想读取我的意思是 <td> 的所有单元格，使用表 ID 和行 ID。这意味着我需要读取值Cell A, Cell B, Cell C

注意：仅使用 Javascript

【问题讨论】：

你对 jQuery 还满意吗？
@DeepakBiswal 没有哥们，我只需要 javascript

标签： javascript html-table row cell

【解决方案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>

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

希望这是你需要的！

【讨论】：