DOM结构深度优先遍历（一）：NodeIterator

NodeIterator和TreeWalker能够基于给定的起点对DOM结构进行深度优先（depth-first）的遍历操作。

IE不支持DOM遍历。

可以使用下面代码检测浏览器DOM2级遍历能力的支持：

var supportTraversala = document.implementation.hasFeature("Traversal","2.0");
var supportNodeIterator = (typeof document.createNodeIterator == "function");
var supportTreeWalker = (typeof document.createTreeWalker == "function");

NodeIterator基本介绍：

可以使用document.createNodeIterator()创建NodeIterator类型的新实例，语法如下：

document.createNodeIterator(root, whatToShow, filter, EntityReferenceExpansion)

参数说明：
root：想要作为搜索起点的树中的节点；
whatToShow：表示要访问哪些节点的数字代码；
filter：是一个NodeFilter对象，或者一个表示应该接受还是拒绝某种特定节点的函数；可以不指定即为null；
EntityReferenceExpansion：布尔值，表示是否扩展实体应用。这个参数在HTML中没有用，因为其中的实体引用不能扩展。

其中，whatToShow是一个位掩码，这个参数的值以常量形式在NodeFilter类型中定义，下面是常用的几个值：

NodeFilter.SHOW_ALL：显示所有类型 的节点
NodeFilter.SHOW_ELEMENT：显示元素节点
NodeFilter.SHOW_TEXT：显示文本节点
NodeFilter.SHOW_C