JavaScript获取ul中li个数的方法

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

有这样一段HTML代码:

<ul> <li><img src=https://www.jb51.net/01_MED.jpg height=80 width=100/></li> <li><img src=https://www.jb51.net/02_MED.jpg height=80 width=100/></li> <li><img src=https://www.jb51.net/03_MED.jpg height=80 width=100/></li> <li><img src=https://www.jb51.net/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程序设计有所帮助。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwggsy.html