html 遍历dom,web前端：遍历DOM树

在网页上，组织页面(或文档)的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为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树

遍历DOM树

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

• 123
• 456
• 789

haha

• 123

hello

world

dsa

dsads