本文中的例子讲述了JavaScript遍历DOM元素的常见方式。分享给大家参考，如下：

对于元素之间的空格，IE9和以前的版本不会返回文本节点，但其他浏览器会返回文本节点。因此，当我们使用firstChild时，lastChild会导致不一致的行为。

以下属性已添加到DOM中的元素：

ChildElementCount:返回子元素的个数(不包括文本节点和注释)；FirstElementChild:firstChild的firstChild元素版本；LastElementChild:最后一个子元素的lastChild元素版本；PreviousElementSibling和nextElementSibling对应于previousSibling和nextSibling的元素版本

假设html如下，我们希望遍历div中的所有元素节点：

一般来说，区分元素节点、属性节点和文本节点的常用方法是判断节点的节点类型。

几种常见的节点类型：

元素节点：1，

属性节点：2，

文本节点：3，

评论节点：8、

div ID=' list ' p hello/p span world/span emcookieparse()/em/div模式1:遍历具有firstChild、lastChild :的元素

var list=document . getelementbyid(' list ')；var child=list.firstChildconsole . log(list . next sibling)while(child！=list . LastChild){ if(child . nodeType==1){ console . log(child)；} child=child.nextSibling}使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun对上述代码进行测试，得到如下运行结果：

方法2:使用firstElementChild，nextElementSibling

var list=document . getelementbyid(' list ')；var child=list . first element child；while(child){ console . log(child)；child=child . nextelementsibling；}使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun对上述代码进行测试，得到如下运行结果：

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》和0103010

希望本文对JavaScript编程有所帮助。