深度优先遍历DOM树
方法一:递归实现
运行结果:
注:如果这是一个特变大,特变深的DOM树,这样递归调用可能出现栈溢出的风险。
方法二: 栈实现
运行结果:
注:上边的代码可以根据自己的需求自行更改,我主要说的这两种思路。
childNodes 和 children的区别:
childNodes: 子节点包括 元素节点 , 文本节点
children: 子节点只包含 元素节点
方法一:递归实现
运行结果:
注:如果这是一个特变大,特变深的DOM树,这样递归调用可能出现栈溢出的风险。
方法二: 栈实现
运行结果:
注:上边的代码可以根据自己的需求自行更改,我主要说的这两种思路。
childNodes 和 children的区别:
childNodes: 子节点包括 元素节点 , 文本节点
children: 子节点只包含 元素节点