在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(); }