Javascript 如何设置TR元素的名称和id？

我需要通过

firstChild

或

lastChild

对象访问

TR

元素，但是使用

ID

或

Name

属性似乎不起作用：

输出为：

123 456
789 987
name=NaN,id=undefined

如何修改代码以通过

id

或

name

访问元素？这是实现删除过程所必需的，但应该只保留标有某些值的子项

提供了JSFildle

---

拥有

实际上是无效的。浏览器正在静默地将无效HTML更正为
。如果尝试
elt.children[0].nodeName，您会注意到这一点

还要注意的是，代码中元素之间的空格算作
firstChild
——这就是我在上面使用
children[0]
的原因。
使用
实际上是无效的。浏览器正在静默地将无效HTML更正为
。如果尝试
elt.children[0].nodeName，您会注意到这一点

还要注意的是，代码中元素之间的空格算作
firstChild
——这就是我在上面使用
children[0]
的原因。
你好，朋友，请尝试使用jquery插件

out.innerHTML="name="+$(elt).find('tr:first td:first').text()+",id="+$(elt).find('tr:first td:last').text();

这就是我找到的解决办法。在你的小提琴上试一下


var elt=document.getElementById（“tbl”）
var out=document.getElementById（“out”）
out.innerHTML=“name=“+$（elt）.find（'tr:first td:first'）.text（）+”，id=“+$（elt）.find（'tr:first td:last'）.text（）

123
456
789
987
你好，朋友，请尝试使用jquery插件

out.innerHTML="name="+$(elt).find('tr:first td:first').text()+",id="+$(elt).find('tr:first td:last').text();

这就是我找到的解决办法。在你的小提琴上试一下


var elt=document.getElementById（“tbl”）
var out=document.getElementById（“out”）
out.innerHTML=“name=“+$（elt）.find（'tr:first td:first'）.text（）+”，id=“+$（elt）.find（'tr:first td:last'）.text（）

123
456
789
987

var elt=document.getElementById（“tbl”）
var out=document.getElementById（“out”）
out.innerHTML=“name=”+elt.firstElementChild.firstElementChild.getAttribute（“名称”）+
“，id=“+elt.firstElementChild.firstElementChild.getAttribute（“id”）

123
456
789
987

var elt=document.getElementById（“tbl”）
var out=document.getElementById（“out”）
out.innerHTML=“name=”+elt.firstElementChild.firstElementChild.getAttribute（“名称”）+
“，id=“+elt.firstElementChild.firstElementChild.getAttribute（“id”）

123
456
789
987
Name属性仅对表单控件元素和窗口对象有效
firstChild
也会查找文本节点。如果您
console.log（elt.firstChild）
会看到它是文本，您还会看到浏览器除了下面Niet的正确答案之外，可能还添加了一个
tbody
，值得注意的是，
name
不是
元素的有效属性。name属性仅对表单控件元素和窗口对象有效
firstChild
也会查找文本节点。如果您
console.log（elt.firstChild）
会看到它是文本，您还会看到浏览器除了下面Niet的正确答案之外，可能还添加了一个
tbody
，值得注意的是，
name
不是
元素的有效属性。使用它可能更习惯。谢谢。实际上，我需要删除的是所有
t正文
子项，同时保留标题不变，因此您的回答非常有帮助。重写我的所有代码。使用起来可能更习惯。谢谢。实际上，我需要删除的是所有
tbody
children，同时保留标题不变，因此您的回答非常有帮助。重写我的所有代码谢谢，但我避免使用JQuery，因为它会消耗大量资源。我将尝试使用纯javascript并让您知道。谢谢，但我避免使用JQuery，因为它会消耗大量资源。我将尝试使用纯javascript并让您知道。
out.innerHTML="name="+$(elt).find('tr:first td:first').text()+",id="+$(elt).find('tr:first td:last').text();