javascript 获得ul下的li子元素

Posted 2023-03-20

<ul id="aul">
<li></li>
<li></li>
<li></li>
<ul id="bul">
<li></li>
<li></li>
</ul>
</ul>
我用
var aul=document.getElementById("aul");
var nli=aul.getElementsByTagName("li");
alert(nli.length);
发现nli的长度是5,那么怎么才能只获取id为aul下的li,不包括id为bul的li？

参考技术A 想了半天js没想到什么好用的办法，jQuery倒是可以实现，但是js我倒是想到了一个比较笨的方法
.先获得aul下所有的li的长度，然后获得bul下的li的长度，相减得到aul的子li的长度，就是你想要的那些li的长度，然后通过document.getElementById("id").childNodes[n]这个函数，n应该是0-最终你想要的li的长度-1，这样子吧 参考技术B     var len = 0, aul = document.getElementById("aul");
    for(var i in aul.childNodes)
        if(aul.childNodes[i].tagName == 'LI') len ++;
    
    alert(len);

本回答被提问者和网友采纳 参考技术C 你用jqury就好了要是js你就得在单取里面的