本文实例讲述了JS遍历DOM文档树的方法。分享给大家供大家参考，具体如下：

一 介绍

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

1、属性

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

[pNode=]obj.parentNode

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

2、属性

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

[cNode=]obj.firstChild

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

3、属性

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

[cNode=]obj.lastChild

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

4、IoUsSibling属性

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

[sNode=]obj.prevIoUsSibling

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

5、属性

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

[sNode=]obj.nextSibling

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

二 应用

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

三 代码

四 运行结果

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》及《用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。