js选择子节点

<script>

  //获取子节点个数
   var oul=document.getElementsByTagName('ul')
   alert(oul[0].children.length);
  //选取子节点二
  for(var i=0;i<oul[0].childNodes.length;i++){
      if(oul[0].childNodes[i].nodeType==1){
        oul[0].childNodes[i].style.background='black';
      }
  }

  //选取第一个字节点兼容的方法
  if(oul[0].firstElementChild){
     oul[0].firstElementChild.style.xxx=xxxx 
}else{
     oul[0].firstChild.style.xxx=xxxx
}

  //firstChild firstElementChild
  //lastChild lastElementChild
  //nextSbiling nextElementSbiling
//previousSbiling previousElementSbiling
</script>

 

posted @ 2013-08-26 16:13  忆殇之痕  阅读(1237)  评论(0编辑  收藏  举报