如何获取特定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;
    }
}