javascript - 关于js获取元素问题。

问题描述

问 题

有没有最快捷的方法获取到第一层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>

解决方案

document.querySelectorAll('#oul > li')

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

这篇关于javascript - 关于js获取元素问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！