有没有最快捷的方法获取到第一层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')
>
選擇器會只選當前子元素
你都已经取到ul了啊,那干嘛不从这个ul上获取li?
ul.children
这个表示获取ul元素的所有直接子元素,这里就是你想要的第一层li。
var target_li=document.getElementById("oul").querySelector("li");
console.log(target_li);
楼上的回答是正确的,学习了~
第一步:引JQ;
第二步:
$(window).load(function() {
$("#oul li:eq(0)");
});