如何获取HTML中所有文本节点？

Z时代
2024-01-10
分类：技术分享

比如以下body中

<body>
<div class="container">
asdf
<div>
Lorem ipsum dolor sit
<p>!!!!</p>
nesciunt ipsa cumque!
</div>
<p>test3</p>
</div></body>

想获取一个数组

['asdf', 'Lorem ipsum dolor sit', '!!!!', 'nesciunt ipsa cumque!', 'test3']

回答

const res = document.querySelector('*').innerText.split('\n');
console.log(res);

res就是得到的结果了

难道没人提到xpath语法？我觉得也相当简单啊(我用xmllint在终端演示的):

$ echo '<body>
  <div class="container">
    asdf
    <div>
      Lorem ipsum dolor sit
      <p>!!!!</p>
      nesciunt ipsa cumque!
    </div>
    <p>test3</p>
  </div>
</body>' | xmllint --html --xpath '//text()' -
# 输出结果(未trim)
    asdf
      Lorem ipsum dolor sit
!!!!
      nesciunt ipsa cumque!
test3