遍历DOM

通常需要获取一个元素，操作周围元素，或者递归查找所有子节点。

元素节点
DOM元素属性比如 childNodes firstChild nextSibiling 并不会区分元素节点和其他类型的节点，比如文本节点等。

下面列出只会返回元素节点的API

               属性名              被替代的属性            children             childNodes            childElementCount    childNodes.length            firstElementChild    firstChild            lastElementChild     lastChild            nextElementSibling   nextSibling        previousElementSibling   previousSibling

使用children比childNodes速度更快，因为集合项更少。因为HTML源码中的空白实际上是文本节点，而它不会包含在children中。

选择器API

最新的浏览器提供了一个名为querySelectorAll()的原生选择方法

var box=document.querySelectorAll("ul li"); //将会返回一个数组var box=document.querySelectorAll("div.box , div.select"); //同时查询.box 和 .select 的div

querySelector()是用来获取第一个匹配的节点