javascript - html中的最内层值

Question

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

比如我有

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

我想得到上面提取的7的值

我只知道会给我的innerHTML

<div>7/div>

如果我这样做

document.getElementById('cell3').innerHTML;

谢谢!

Answer 1

您可以访问 textContent property第一个 child :

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

或:

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

如果您知道 7 是 td 元素中的唯一文本，那么您可以直接访问 textContent 属性:

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

---

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