JAVASCRIPT遍历某一元素的所有子元素

HTML代码：

<ul id="menu">

 <li><a href="http://www.baidu.com">1</a></li>

 <li>2</li>

 <li>3</li>

 </ul>

JavaScript代码：

var menu=document.getElementById("menu");

 for(var i=0,len=menu.childNodes.length;i<len;i++){

 if(menu.childNodes[i].nodeType==1){

 menu.childNodes[i].style="background-color:yellow";

 }

 }

先通过ID获取到父元素。

然后通过childnodes来进行遍历，当元素类型=1时（类型为元素），运行结果如下：

本文由ISMY博客发布??

转载请注明出处。