javascript - 如何在 TR 元素上设置 name 和 id?

标签 javascript html

我需要通过 firstChildlastChild 对象访问 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

我应该如何修改代码以通过 idname 访问元素?这是实现删除过程所必需的,但只应保留标记有某些值的子项。

提供了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/

相关文章:

html - Favicons 拒绝在 IE 和 Chrome 中显示

asp.net - 在未经授权的请求后抑制 NTLM 对话框

javascript - 是否可以在不循环的情况下在其父节点中获取元素的数字索引?

javascript - Node.js 在一个请求中提供多个文件

javascript - 图像的 Angular v1.2 动画

c# - 删除小数点后的值

javascript - 覆盖 native 功能?

javascript - 如何在html中用不同的颜色显示进度条

javascript - 如何使用 Javascript 隐藏页面加载时的特定句子

html - 浏览器放大或缩小时填充会发生变化