JavaScript获取ul中li个数的方法

原创2017-02-15 11:19:07533
摘要:本文实例讲述了JavaScript获取ul中li个数的方法。分享给大家供大家参考,具体如下:有这样一段HTML代码:<ul id="mycarousel">     <li><img src=01_MED.jpg height=80 width=100/><

本文实例讲述了JavaScript获取ul中li个数的方法。分享给大家供大家参考,具体如下:

有这样一段HTML代码:

<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元素的个数

或者直接得到:

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

更多关于JavaScript获取ul中li个数的方法请关注PHP中文网(m.sbmmt.com)其他文章!   


发布手记

热门词条