js中遍历元素的方法

在js中遍历元素有许多方法，下面介绍几种比较方便的方法

1.使用深度优先或者广度优先遍历(这个方法很麻烦，但是很有效，虽然它的性能不是很高)，具体可以看数据结构

2.使用document.getElementByTagName(“*”)方法，以通配符“*”作为参数获取所有元素，下面就简单了，一个for循环遍历就可以找到你要的元素了。

3.使用DOM2级自带的方法document.createNodeIterator(开始节点，需要获取的节点类型代码，过滤器，false);

(注:这个方法只有在DOM2级及以上的除IE浏览器能够使用)

开始节点:就是从哪个节点开始的

需要获取的节点类型代码：js以常量定义了这些节点：NodeFilter.SHOW_ELEMENT：元素节点

      NodeFilter.SHOW_ALL：所有节点

       NodeFilter.SHOW_ATTRIBUTE：特性节点

      NodeFilter.SHOW_TEXT：文本节点

      NodeFilter.SHOW_COMMENT：注释节点

      NodeFilter.SHOW_DOCUMENT：文档节点

除了这些常用的还有一些别的就不列出来了。。。。。。。。。。。。。

过滤器:是一个方法或者一个对象包含过滤方法

下面是使用方法:

//这是一个选取含有指定类名元素的过滤器

function  getFilterObj(selector){
    return{
        acceptNode:function(node){

		//返回的一定是NodeFilter.FILTER_ACCEPT或者NodeFilter.FILTER_SKIP

          return (node.className.indexOf(selector)>-1)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP;
        }
    }
}
//创建迭代器
var iterator=document.createNodeIterator(document.body,NodeFilter.SHOW_ElEMENT,getFilterObj("age"),false);
var node=iterator.nextNode();
while (node!==null){
    /*
    执行一些功能
     */
    node=iterator.nextNode();
}