遍历DOM文档树

阅读更多

一 介绍

遍历文档树通过使用parentNode属性、firstChild属性、lastChild属性、previousSibling属性和nextSibling属性来实现。

1、parentNode属性

该属性返回当前节点的父节点。

［pNode=］obj.parentNode

pNode：该参数用来存储父节点，如果不存在父节点将返回“null”。

2、firstChild属性

该属性返回当前节点的第一个子节点。

［cNode=］obj.firstChild

cNode：该参数用来存储第一个子节点，如果不存在将返回“null”。

3、lastChild属性

该属性返回当前节点的最后一个子节点。

［cNode=］obj.lastChild

cNode：该参数用来存储最后一个子节点，如果不存在将返回“null”。

4、previousSibling属性

该属性返回当前节点的前一个兄弟节点。

［sNode=］obj.previousSibling

sNode：该参数用来存储前一个兄弟节点，如果不存在将返回“null”。

5、nextSibling属性

该属性返回当前节点的后一个兄弟节点。

［sNode=］obj.nextSibling

sNode：该参数用来存储后一个兄弟节点，如果不存在将返回“null”。

 

二 应用

遍历文档树，在页面中，通过相应的按钮可以查找到文档的各个节点的名称、类型和节点值。

 

三 代码

三号标题
加粗内容

节点名称：

节点类型：

节点的值：

 

四 运行结果

 

• 
• 大小: 6.7 KB

• 查看图片附件