javascript DOM 遍历

//------------------------DOM 遍历,如果元素没找到则返回null-----------------------//  
  //---查找相关元素的前一个兄弟元素---//  
  function prev(elem){  
  do{  
  elem=elem.previousSibling;  
  }while(elem&&elem.nodeType!=1);  
  return elem;  
  }  
  //---查找相关元素的下一个兄弟元素---//  
  function next(elem){  
  do{  
  elem=elem.nextSibling;  
  }while(elem&&elem.nodeType!=1);  
  return elem;  
  }  
  //---查找第一个子元素的函数---//  
  function first(elem){  
  elem=elem.firstChild;  
  return elem && elem.nodeType!=1 ?next(elme):elem;  
  }  
  //---查找最后一个子元素的函数---//  
  function last(elem){  
  elem=elem.lastChild;  
  return elem && elem.nodeType!=1 ?prev(elme):elem;  
  }  
  //---查找父级元素的函数---//  
  //num是父级元素的级次,parent(elem,2)等价于parent(parent(elem))  
  function parent(elem,num){  
  num=num||1;  
  for(var i=0; i<num; i++){  
  if(elem!=null){  
  elem=elem.parentNode;  
  }  
  }  
  return elem;  
  }

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

 

posted on 2008-12-08 14:09  asum  阅读(385)  评论(0)    收藏  举报

导航