本文实例讲述了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程序设计有所帮助。
如对本文有疑问, 点击进行留言回复!!
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git
html+css+js适合前端小白的实战全解(超详细)——2048小游戏(二)
在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
网友评论