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

19615185

发布于
2020-12-05

比如以下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']

html javascript

阅读 8k

4 个回答

不是酸柠檬

✓ 已被采纳

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

res就是得到的结果了

Feng_Yu

12.6k62139

发布于
2020-12-05

难道没人提到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