createNodeIterator认识

new code Boy

已于 2022-08-08 15:05:04 修改

阅读量170

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-08-08 14:54:37 首次发布

本文链接：https://blog.csdn.net/qq_46344419/article/details/126227660

版权

Document.createNodeIterator()

const nodeIterator = document.createNodeIterator(root[, whatToShow[, filter]]); 
语法: 遍历起始处的根节点

显示所有节点： NodeFilter.SHOW_ALL

显示文本节点： NodeFilter.SHOW_TEXT

实例：

const nodeIterator = document.createNodeIterator(
    document.body,
    NodeFilter.SHOW_ELEMENT,
    {
      acceptNode(node) {
        return node.nodeName.toLowerCase() === 'p' ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
      }
    }
);
const pars = [];
let currentNode;

while (currentNode = nodeIterator.nextNode()) {
  pars.push(currentNode);
}