Javascript 如何通过遍历DOM来获取元素的值

我遍历DOM是为了获得表数据单元的值。更具体地说，以下位的遍历：

const nodeLis = target.parentElement.parentElement.childNodes;

获取包含以下内容的节点列表：

NodeList 
0 #text " "
1 <td>title1</td>
2 #text " "
3 <td>title2</td>
4 #text " "
5 <td>title3</td>
6 #text " "

但这让我很生气

<td>title1</td>

标题1

---

我不知道如何从中获取实际的title1值

您可以通过查看

innerHTML

属性来获取元素的内容

console.log(nodeLis[1].innerHTML);

你可以为此目的使用。之后，您可以遍历NodeList，并使用来获取各个子节点的值

document.querySelectorAll（'td'）.forEach（x=>{
log（x.innerHTML）；
})

标题1
标题2
标题3

我建议将此与德语的答案结合起来。当您真正感兴趣的是一段文本时，innerHTML不是最佳选择。@Brilliand啊，谢谢您指出这一点。我刚才在谷歌上快速搜索了一下，找到了一些解释<代码>文本内容确实更好！最好是直接将

textContent

编辑到代码段中，而不是添加一条注释，说明代码段部分错误。

console.log(nodeLis[1].innerHTML);

console.log(nodeLis[1].textContent);