javascript - 有没有办法只获取顶部元素的 innerText(并忽略子元素的 innerText)？

Question

有没有办法只获取顶部元素的 innerText(并忽略子元素的 innerText)？

例子:

<div> 
   top node text 
   <div> child node text </div>
</div>

如何在忽略“子节点文本”的同时获取“顶级节点文本”？顶部 div 的 innerText 属性似乎返回内部文本和顶部文本的串联。

Answer 1

只需遍历子节点并连接文本节点:

var el = document.getElementById("your_element_id"),
    child = el.firstChild,
    texts = [];

while (child) {
    if (child.nodeType == 3) {
        texts.push(child.data);
    }
    child = child.nextSibling;
}

var text = texts.join("");