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时(类型为元素),运行结果如下: