如何获取某一级别的节点

document.getElementById("nav2").childNodes; 

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script language="javascript">
    var get_parent = function()
    {
    var _parent = document.getElementById("nav2").childNodes;
    for(var i=0;i<_parent.length;i++)
    {
    if(_parent[i].nodeType==1) //兼容FF
    {
    alert(_parent[i].getElementsByTagName("a")[0].innerHTML);
    }
    }
    }
    //window.onload = get_parent;
    </script></head><body>     
    <ul id="nav2"> 
    <li> 
    <a href="#">父目录一 </a> 
    <ul> 
    <li> <a href="#">子目录一 </a> </li> 
    <li> <a href="#">子目录二 </a> </li> 
    <li> <a href="#">子目录三 </a> </li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">父目录二 </a> 
    <ul> 
    <li> <a href="#">子目录一 </a> </li> 
    <li> <a href="#">子目录二 </a> </li> 
    <li> <a href="#">子目录三 </a> </li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">父目录三 </a> 
    <ul> 
    <li> <a href="#">子目录一 </a> </li> 
    <li> <a href="#">子目录二 </a> </li> 
    <li> <a href="#">子目录三 </a> </li> 
    </ul> 
    </li> 
    <li> 
    <a href="#">父目录四 </a> 
    <ul> 
    <li> <a href="#">子目录一 </a> </li> 
    <li> <a href="#">子目录二 </a> </li> 
    <li> <a href="#">子目录三 </a> </li> 
    </ul> 
    </li> 
    </ul>
    <input type="button" onclick="get_parent()">
    </body>
    </html>