关于js获取元素问题。

Question

有没有最快捷的方法获取到第一层ul中的li，谢谢。

var ul=document.getElementById("oul");
 var lis=document.getElementsByTagName("li");//获取到的是所有li。
  
    <div class="box">
           
           <ul id="oul">
           
               <li><a href="#">首页</a>
               
                   <ul>
                   
                      <li><a href="#">132465</a></li>
                      <li><a href="#">132465</a></li>
                      <li><a href="#">132465</a></li>
                      
                   
                   </ul>
               
                </li>
                
               <li><a href="#">技术在线</a>
                   
                   <ul>
                   
                      <li><a href="#">132465</a></li>
                      <li><a href="#">132465</a></li>  
                      <li><a href="#">132465</a></li>
                      </li>
                    </ul>  
                     
               <li><a href="#">服务与咨询</a></li>
               <li><a href="#">游戏天地</a></li>
               <li><a href="#">网站地图</a></li>
               
             </ul>  
          
         </div>

Answer 1

document.querySelectorAll('#oul > li')

> 選擇器會只選當前子元素

Answer 2

你都已经取到ul了啊，那干嘛不从这个ul上获取li？

ul.children

这个表示获取ul元素的所有直接子元素，这里就是你想要的第一层li。

Answer 3

var target_li=document.getElementById("oul").querySelector("li");
console.log(target_li);
        

Answer 4

楼上的回答是正确的，学习了~

Answer 5

第一步：引JQ；

第二步：
$(window).load(function() {
$("#oul li:eq(0)");
});