Question

请告诉我如何在html标记中获取最里面的节点值。

例如我有

<td id="cell3">
   <div>7</div>
</td>

我想从上面提取7的值

我只知道会给我的innerHTML

<div>7/div>

如果我这样做

document.getElementById('cell3').innerHTML;

谢谢！

Answer 1

您可以访问第一个孩子的textContent property：

document.getElementById('cell3').children[0].textContent.trim(); // 7

或：

document.getElementById('cell3').firstElementChild.textContent.trim(); // 7

如果您知道7是td元素中唯一的文字，那么您可以直接访问textContent媒体资源：

document.getElementById('cell3').textContent.trim();

_{我链接了.trim()方法以删除空格。}

Answer 2

如果您打算稍后在<td>内添加更多嵌套代码，请遍历<td>个孩子：

var currentNode = document.getElementById("cell3");
alert(currentNode.nodeName);
while(currentNode.firstElementChild){
    currentNode = currentNode.firstElementChild;
    alert(currentNode.nodeName);
}
var innermostText = currentNode.firstChild.textContent.trim();
alert(innermostText);

留下的提醒将向您展示其中一些方法的工作原理。干杯！

Answer 3

旁边，约什的评论。你可以做到

document.getElementById('cell3').childNodes[0].innerHTML

html中最重要的值

3 个答案: