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

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时（类型为元素），运行结果如下：