js遍历dom树

原创于 2020-08-31 15:58:10 发布 · 316 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文分享了一个使用JavaScript遍历DOM树的简单方法，通过递归函数实现对DOM元素的深度优先搜索，适用于前端开发中对DOM结构的操作与分析。

分享一个简单的js遍历dom树的方法：

        const DOM_LIST = {
            node: [],
            // 默认遍历整个dom树，也可以传递指定dom作为根节点遍历
            ergodicDOM(DOM = document.documentElement) {
                const children = DOM.children;
                children.length && new Array().forEach.call(children, (item) => {
                    this.node.push(item)
                    item.children.length && this.ergodicDOM(item)
                })
            }
        }
        DOM_LIST.ergodicDOM();
        console.log(DOM_LIST.node)