使用表row()id仅使用Javascript读取表格单元格值()

时间:2015-10-15 14:10:53

标签: javascript html-table row cell

我有一张表格如下:

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

注意:仅使用Javascript

1 个答案:

答案 0 :(得分:3)

以下是演示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);
}

希望这是你所需要的!