JavaScript获取ul中li个数的方法
更新时间：2017年02月13日 10:14:22 作者：风起从容
这篇文章主要介绍了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操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了vue2.0实战第一篇基础入门的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要教大家如何简单实现js无缝滚动效果，js轮播图实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02![javascript 最常用的10个自定义函数[推荐]](//img.jbzj.com/images/xgimg/bcimg2.png)
如果不使用类库或者没有自己的类库，储备一些常用函数总是有好处的。2009-12-12
这篇文章主要为大家详细介绍了移动端触摸滑动插件swiper的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要给大家介绍了Three.js基础学习之场景对象的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧。2017-09-09
这篇文章主要为大家详细介绍了微信小程序自定义select下拉选项框的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下2008-02-02
这篇文章主要介绍了详解webpack引用jquery（第三方模块）的三种办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
把多个JavaScript函数绑定到onload事件处理函数上的方法
下面小编就为大家带来一篇把多个JavaScript函数绑定到onload事件处理函数上的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家介绍了JS中的提升机制变量提升函数提升实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
![javascript 最常用的10个自定义函数[推荐]](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论