javascript - 一个关于InnerText的问题？

问题描述

问 题

我想用InnerText获得某个div节点的文本内容，但是这个节点内部有若干子节点，结果用InnerText会把它的子节点的文本也一起获取到，怎么解决？

例如：

<div id="div"><div>这不是我想要的<hr /></div>这才是我想要的</div>

我想获取到的是这才是我想要的这部分内容，何解？

解决方案

先用document.getElementById('div').childNodes
获取到所有子元素，再遍历nodeType是3的节点（3是文本节点），最后取他的nodeValue值。
注意这样写时

<div id="div">
    <div>这不是我想要的<hr /></div>这才是我想要的
</div>

childNodes会取到空的文本节点，要过滤。
还有innerText存在兼容性问题。

现在只能想到这种方法。

这篇关于javascript - 一个关于InnerText的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！