如何遍历一个dom树

2019-04-08  本文已影响0人  Allan要做活神仙

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"

上一篇 下一篇

猜你喜欢

热点阅读