这篇文章主要介绍了javascript获取ul中li个数的方法,涉及javascript针对页面html元素的获取及属性操作相关技巧,需要的朋友可以参考下
本文实例讲述了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元素的个数
