<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>

?

轉載于:https://www.cnblogs.com/xiongwei89/p/3282854.html

總結

以上是生活随笔為你收集整理的js选择子节点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。