美文网首页我-程序成长-解惑
遍历某一元素下所有的文本节点

遍历某一元素下所有的文本节点

作者: 就叫初九吧 | 来源:发表于2018-02-26 13:24 被阅读4次

原理:所有的node都有一个nodeType属性表示节点类型,文本节点类型为3,配合递归能很方便的遍历一个节点下的所有文本节点。

 function getTextNodesDeep(elem, opt_filter){
    var textNodes = [];
    if(elem){
      let nodes = elem.childNodes, i = nodes.length;
      for(;i--;){
        let node = nodes[i],
            nodeType = node.nodeType;
        if(nodeType === 3){//文本节点
          if(!opt_filter || opt_filter(node, elem)){
            textNodes.push(node);
          }
        }else if(nodeType === 1){//元素节点
          textNodes = textNodes.concat(getTextNodesDeep(node, opt_filter))
        }
      }
    }
    return textNodes;
  }

相关文章

  • 遍历某一元素下所有的文本节点

    原理:所有的node都有一个nodeType属性表示节点类型,文本节点类型为3,配合递归能很方便的遍历一个节点下的...

  • 项目开发中JavaScript和CSS的知识补漏

    1. 元素节点分为文本节点,元素节点等,innerHTML会把某个元素下所有HTML代码重写,而不单单是文本 2....

  • JavaScript操作DOM常用的基础API

    一、节点 (1)元素节点 (2)文本节点 (3)属性节点 二、获取元素 document下的API getElem...

  • DOM

    ====节点==== 12种 元素节点 文本节点 注释节点 根节点 属性节点需要掌握的四种是哪四种?元素节点 文本...

  • JS的DOM树总结

    一【DOM树节点】 DOM节点分为三大类:元素节点、文本节点、属性节点 文本节点、属性节点,为元素节点的两个子节点...

  • JS中outer和inner

    1、innerHTML 在读模式下,innerHTML 属性返回与调用元素的所有子节点(包括元素、注释和文本节点)...

  • 基础知识补充

    DOM文档对象模型 DOM节点: 整个文档是一个文档节点 每个HTML元素是元素节点 HTML元素内的文本是文本节...

  • DOM—Text节点和DocumentFragment节点

    Text 节点的概念 文本节点(Text)代表元素节点(Element)和属性节点(Attribute)的文本内容...

  • DOM操作

    创建元素:同时新建(元素节点)(文本节点)(属性节点) 插入节点:动态创建的元素节点插入 append、appen...

  • 原生JS与jQuery获取节点的方法

    一、JS中的节点:   首先我们来介绍一下DOM中元素与节点间的关系:页面中所有内容都是节点[包括元素,属性,文本...

网友评论

    本文标题:遍历某一元素下所有的文本节点

    本文链接:https://www.haomeiwen.com/subject/hkcyxftx.html