Javascript html中最里面的值

您能告诉我如何获取html标记中最里面的节点值吗

比如我有

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

谢谢

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

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

或：

如果您知道

7

是

td

元素中唯一的文本，那么您可以直接访问

textContent

属性：

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

---

---

我链接了

.trim（）

方法以删除空白。

如果您计划以后可能在

中添加更多嵌套标记，请遍历

子项：

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);

中留下的警报将向您展示其中一些方法的工作方式。

---

干杯

接下来是乔希的评论。你能行

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

---

你真棒！非常感谢。

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

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);

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