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程序设计有所帮助。
相关文章
本文介绍了利用Javascript在网页上计算当前月份的剩余天数的方法，大家参考使用吧2014-01-01
这篇文章主要介绍了基于Phantomjs生成PDF的实现方法,结合实例形式分析了Phantomjs结合nodejs生成pdf的操作步骤与相关技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了详解微信小程序实现WebSocket心跳重连，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了JavaScript编写的网页小游戏，附上全部代码供大家查看，实现了网页的小游戏页面，需要的朋友可以参考下2017-08-08
这篇文章主要给大家介绍了关于uniapp中全局页面挂载组件(小程序)的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下2022-12-12
这篇文章主要为大家详细介绍了js实现移动端轮播图滑动切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
layui加载数据显示loading加载完成loading消失的实例代码
今天小编就为大家分享一篇layui加载数据显示loading加载完成loading消失的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JavaScript转换与解析JSON方法,实例分析了JavaScript解析json的技巧,并附带分析了jQuery解析与转换json的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要给大家介绍了关于JavaScript判断数组方法的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-02-02
本文为大家介绍下利用js来验证文本框的值，当鼠标焦点离开文本框时进行验证，示例代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
最新评论