javascript获取ul中li的个数

最新推荐文章于 2021-08-05 20:52:55 发布

最新推荐文章于 2021-08-05 20:52:55 发布 · 446 阅读

文章标签：

#JavaScript #ViewUI

js 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取HTML中<ul>元素下<li>子元素数量的方法。通过结合使用getElementById和getElementsByTagName，可以轻松地获取到指定ID的<ul>元素中的所有<li>项，并返回这些项的数量。

有这样一段代码：
<ul id="mycarousel">
        <li><img src=01_MED.jpg height=80 width=100/></li>
        <li><img src=02_MED.jpg height=80 width=100/></li>
        <li><img src=03_MED.jpg height=80 width=100/></li>
        <li><img src=04_MED.jpg height=80 width=100/></li>
</ul>

<li>的数量是不固定的，现在需要通过javascript获取li的数量。

把getElementById和getElementsByTagName结合起来使用就可以实现：

temp = document.getElementById('mycarousel');
lis = temp.getElementsByTagName('li');
alert(lis.length); //显示li元素的个数

或者直接得到：

document.getElementById('mycarousel').getElementsByTagName('li').length