javascript DOM 遍历

javascript DOM 遍历

以下一系列的辅助函数可以帮助您，他们能取代标准的previousSibling，nextSibling，firstChild，lastChild，parentNode；

 1 // ------------------------DOM 遍历，如果元素没找到则返回null-----------------------//    
 2      // ---查找相关元素的前一个兄弟元素---//    
 3      function  prev(elem) {    
 4        do{    
 5            elem=elem.previousSibling;    
 6        }while(elem&&elem.nodeType!=1);    
 7        return elem;    
 8    }     
 9      // ---查找相关元素的下一个兄弟元素---//    
10      function  next(elem) {    
11        do{    
12            elem=elem.nextSibling;    
13        }while(elem&&elem.nodeType!=1);    
14        return elem;    
15    }     
16      // ---查找第一个子元素的函数---//    
17      function  first(elem) {    
18        elem=elem.firstChild;    
19        return elem && elem.nodeType!=1 ?next(elem):elem;    
20    }     
21      // ---查找最后一个子元素的函数---//    
22      function  last(elem) {    
23        elem=elem.lastChild;    
24        return elem && elem.nodeType!=1 ?prev(elem):elem;    
25    }     
26      // ---查找父级元素的函数---//    
27      // num是父级元素的级次，parent(elem,2)等价于parent(parent(elem))    
28      function  parent(elem,num) {    
29        num=num||1;    
30        for(var i=0; i<num; i++){    
31            if(elem!=null){    
32                elem=elem.parentNode;    
33            }    
34        }    
35        return elem;    
36    }  

调用案例：first(document.getElementById("everywhere")).style.backgroundColor="#ff0000";