[英]Read table cell values(<td>) using table row(<tr>) id with Javascript only
我有一张桌子,如下所示:
<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
这是演示小提琴 。
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);
}
希望这就是您所需要的!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.