JavaScript获取ul中li个数的方法_javascript技巧
程序员文章站
2022-04-23 10:54:01
...
这篇文章主要介绍了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元素的个数
推荐阅读
-
JavaScript正则获取地址栏中参数的方法
-
JavaScript正则获取地址栏中参数的方法
-
JavaScript获取ul中li个数的方法
-
JavaScript实现获取select下拉框中第一个值的方法
-
JavaScript中的获取对象宽高等属性的方法和区别对比讲解
-
JavaScript获取select中text值的方法
-
通过action传过来的值在option获取进行验证的方法_javascript技巧
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
JavaScript中跨域调用Flash的方法_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧