取出UL 里面的全部li 我只写了这么多,大家帮我看下 怎么获取到ul里的全部li window.onload = function(){
  var ul_text = document.getElementsByTagName("ul");
for(var i=0;i<ul_text.length;i++){
   ul_text[i].onclick = function(){
      var li_text = ul_text.getElementsByTagName("li");
  alert(li_text);
   }
}

 }就差怎么获取到全部的li 元素了, 请不要使用jquery

解决方案 »

  1.   

     页面是
    <ul>
    我是菜单1
    <li>我是子菜单1</li>
    <li>我是子菜单2</li>
    </ul>
    <ul> 
    我是菜单2
    <li>我是菜单1</li>
    <li>我是菜单2</li>
    </ul>
      

  2.   

    var ul_text = document.getElementsByTagName("li"); 恩,很好
      

  3.   


    var li_text = this.getElementsByTagName("li"); 
      

  4.   

    var li_text = this.getElementsByTagName("li");//获取到li的数组
    alert(li_text.length);//个数
      

  5.   


    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
        <title> </title>     <script>
            window.onload=function(){
            var ret=[];
            var ul=document.getElementsByTagName("ul");
            for(var i=0;i<ul.length;i++){
              var li=ul[i].getElementsByTagName("li");
              for(var j=0;j<li.length;j++){
                 ret[ret.length]=li[j].innerText;
              }
              }
              alert(ret)
            }
        </script>
    </head> 
    <body> 
    <ul> 
    我是菜单1 
    <li>我是子菜单1 </li> 
    <li>我是子菜单2 </li> 
    </ul> 
    <ul> 
    我是菜单2 
    <li>我是菜单1 </li> 
    <li>我是菜单2 </li> 
    </ul>
    </body> 
    </html>
      

  6.   


    <script language="javascript" type="text/javascript">window.onload=function(){
    var ul_text = document.getElementsByTagName("ul"); 
    for(var i=0;i <ul_text.length;i++){ 
      ul_text[i].onclick = (function(obj){
       return function(){ 
          var li_text = obj.getElementsByTagName("li"); 
          for(var i=0;i<li_text.length;i++) alert(li_text[i].innerHTML); 
        }
      })(ul_text[i]);
    }
    }
    </script>
    </head>
    <ul> 
    我是菜单1 
    <li>我是子菜单1 </li> 
    <li>我是子菜单2 </li> 
    </ul> 
    <ul> 
    我是菜单2 
    <li>我是菜单1 </li> 
    <li>我是菜单2 </li> 
    </ul>