JavaScript手写系列(十六)(手写遍历dom树)

95 阅读1分钟

遍历一个dom树

通过dom树的node节点进行遍历。

function traversal(node) {
    //对node的处理
    if (node && node.nodeType === 1) {
        console.log(node.tagName)
    }
    let i = 0,
        childNodes = node.childNodes,
        item
    for (; i < childNodes.length; i++) {
        item = childNodes[i]
        if (item.nodeType === 1) {
            //递归先序遍历子节点
            traversal(item)
        }
    }
}