web前端：遍历DOM树

作者:jane_panyiyun更新于： 2020-03-29 14:30:14

　　在网页上，组织页面(或文档)的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。DocumentObjectModel的历史可以追溯至1990年代后期微软与Netscape的"浏览器大战"，双方为了在Javascript与JScript一决生死，于是大规模的赋予浏览器强大的功能。

　　遍历DOM树

　　第一个函数:给我根节点,我会找到所有的子节点:forDOM(根节点)

　　获取这个根节点的子节点

　　varchildren=根节点的.children

　　调用第二个函数

　　第二个函数:给我所有的子节点,我把每个子节点的名字显示出来(children)

　　for(vari=0;i

　　每个子节点

　　varchild=children[i];

　　f1(child);给我节点,我显示该节点的名字

　　child是子节点,但是如果child里面还有子节点,此时child就是爹了

　　child.children&&第一个函数(child)

　　

遍历DOM树

　　Tip:可以在遍历的回调函数中任意定制需求

　　

• 123

　　

hello

world