美文网首页
如何遍历一个dom树

如何遍历一个dom树

作者: Allan要做活神仙 | 来源:发表于2019-04-08 22:50 被阅读0次

2019-04-08-22:48 下班回家学习,准备睡觉

function traversal(node) {
    // 得先判断节点是否存在 && 节点下面是否还有其它节点,节点本身得是元素节点
    if (node && node.nodeType === 1) {
        console.log(node.tagName);
    }

    for (let i = 0; i < node.childNodes.length; i++) {
        if (node.childNodes[i].nodeType === 1) { // nodeType为1表示元素节点
            //递归先序遍历子节点
            traversal(item);
        }
    }
}

tips:
nodeType===1 // 元素节点 e,g, div
nodeType===2 // 属性节点 e,g, with
nodeType===3 // 文本节点 e,g, "hello world"

相关文章

  • jQuery 遍历DOM元素的总结

    向上遍历的DOM树(祖先) parent() parents() parentsUntil() 向下遍历DOM树(...

  • 遍历

    向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:parent()parents...

  • 【手撕代码5】遍历dom树

    深度遍历dom树,一个节点全部找完再找下一个 广度遍历dom树,同层遍历完再遍历子节点 把外层的数据结构放入一个待...

  • JQuery遍历

    向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() 返回被选元...

  • jsoup:遍历一棵树

    深度优先遍历 dom 树

  • 如何遍历一个dom树

    2019-04-08-22:48 下班回家学习,准备睡觉 tips:nodeType===1 // 元素节点 ...

  • jQuery 遍历|后代

    后代是子、孙、曾孙等等。 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。 向下遍历 DOM 树...

  • 前端常见面试题目(六)

    一、介绍下深度优先遍历和广度优先遍历,如何实现 通过用深度优先遍历和广度优先遍历对这个dom树进行查找来理解1、 ...

  • jQuery 遍历|同胞(siblings)

    同胞拥有相同的父元素。 通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中水平遍历 ...

  • 遍历整个 DOM 树并打印名称

    1. 遍历 DOM 树并打印节点类型及名称 2. 遍历 DOM 树并打印所有元素的 tagName 在这段代码中,...

网友评论

      本文标题:如何遍历一个dom树

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