深度优先遍历DOM树

方法一:递归实现

深度优先遍历DOM树


运行结果:

深度优先遍历DOM树

注:如果这是一个特变大,特变深的DOM树,这样递归调用可能出现栈溢出的风险。

方法二: 栈实现

深度优先遍历DOM树

运行结果:

深度优先遍历DOM树

注:上边的代码可以根据自己的需求自行更改,我主要说的这两种思路。

childNodes 和 children的区别:

       childNodes: 子节点包括 元素节点文本节点

       children:   子节点只包含 元素节点