我需要通过 firstChild
或 lastChild
对象访问 TR
元素,但是使用 ID
或 Name
属性似乎不起作用:
https://jsfiddle.net/7594v0kg/13/
<html>
<body>
<table id="tbl">
<tr name="first" id="first">
<td>123</td>
<td>456</td>
</tr>
<tr name="second">
<td>789</td>
<td>987</td>
</tr>
</table>
<span id="out"></span>
</body>
</html>
Javascript代码:
var elt=document.getElementById("tbl")
var out=document.getElementById("out")
out.innerHTML="name="+ +elt.firstChild.name+",id="+elt.firstChild.id
输出是:
123 456
789 987
name=NaN,id=undefined
我应该如何修改代码以通过 id
或 name
访问元素?这是实现删除过程所必需的,但只应保留标记有某些值的子项。
提供了JSFiled https://jsfiddle.net/7594v0kg/13/
最佳答案
var elt=document.getElementById("tbl")
var out=document.getElementById("out")
out.innerHTML="name="+elt.firstElementChild.firstElementChild.getAttribute("name")+
",id="+elt.firstElementChild.firstElementChild.getAttribute("id")
<table id="tbl">
<tr name="first" id="first">
<td>123</td>
<td>456</td>
</tr>
<tr name="second">
<td>789</td>
<td>987</td>
</tr>
</table>
<span id="out"></span>
希望这对您有帮助......:)
关于javascript - 如何在 TR 元素上设置 name 和 id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49435204/