javascript - 如何获取特定 div 中的文本，只避免嵌套 div 中的文本？

Question

我有一个嵌套的div结构如下

    <div id =a>
      my content
    <div id =a1>
      irrelevant content
    </div>

    <div id= a2>
      irrelevant content
    </div>

    </div>

我知道我可以获取 ID 为 "a" 的 div 的 innerText 作为 document.getElementById('a').innerText 但这会给我类似的东西 my content irrelevant content irrelevant content 但我只想要该特定 div 中的内容，而不是将其与嵌套 div 的内容连接起来。我如何获取它？

Answer 1

遍历直接子节点并过滤那些所谓的“文本节点”(即它们包含文本，而不是标签)。

var element = document.getElementById('a'),
result = "";
for (var i=0; i<element.childNodes.length; ++i) {
    if (element.childNodes[i].nodeType === 3) {
        result += element.childNodes[i].textContent;
    }
}