javascript如何找到包含文本的DOM节点？答案

【问题标题】：javascript how to find that DOM node that contains a text?javascript如何找到包含文本的DOM节点？
【发布时间】：2019-03-10 06:07:39
【问题描述】：

给定一个获取的 html 页面，我想找到包含部分文本的特定节点。我想最困难的方法是逐个迭代所有节点，尽可能深入，并针对每种情况进行搜索，例如.includes()

但是明智的做法是什么？一定有什么，但我无法正确地用谷歌搜索它

    response = axios.get(url);
    let parsedHtml = parser.parseFromString(response.data, 'text/html');
    for (let i = 0; i < parsedHtml.children.length; i++)
       if (parsedHtml.children[i].textContent.includes('hello'))
          console.log(parsedHtml.children[i])

*它不起作用

*示例代码

<html>
 <body>
  <div>dfsdf</div>
  <div>
   <div>dfsdf</div>
   <div>dfsdf</div>
  </div>
  <div>
   <div>
    <div>hello</div>
   </div>
  </div>
  <div>dfsdf</div>
 </body>
 </html>

我想检索<div>hello</div> 作为节点元素

【问题讨论】：

相关：Finding the DOM element with specific text and modify it.
谢谢！你的链接把我带到了其他链接，这些链接最终得到了我刚刚发布的这个解决方案:)

标签： javascript dom html-parsing domparser

【解决方案1】：

在几乎确信我必须以经典方式遍历 DOM 之后，我在这里找到了 Javascript: How to loop through ALL DOM elements on a page? 这确实很棒：

    let nodeIterator = document.createNodeIterator(
        parsedHtml,
        NodeFilter.SHOW_ELEMENT,
        (node) => {
            return (node.textContent.includes('mytext1')
                || node.textContent.includes('mytext2'))
                && node.nodeName.toLowerCase() !== 'script' // not interested in the script
                && node.children.length === 0 // this is the last node
                ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
        }
    );
    let pars = [];
    let currentNode;

    while (currentNode = nodeIterator.nextNode())
        pars.push(currentNode);
    console.log(pars[0].textContent); // for example

【讨论】：