博客小子:记录我们对互联网和生活的探索! 注册 | 登陆

javascript获取ul中li的个数

Tags: javascript, ul, li

有这样一段代码:
<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元素的个数

或者直接得到:

document.getElementById('mycarousel').getElementsByTagName('li').length

Tags: javascript, ul, li

« 上一篇:jquery图片切换效果 | 下一篇:jquery的放大镜插件jqzoom »

只显示10条记录相关文章

Trackbacks

点击获得Trackback地址,Encode: UTF-8

3条记录访客评论

如果你再有一个ul,lis的数值是两个 ul中li的和,这怎么办

Post by nanjizhiyin on 2009, May 18, 4:37 PM 引用此文发表评论 #1

引用 nanjizhiyin 说过的话:
如果你再有一个ul,lis的数值是两个 ul中li的和,这怎么办
这个有点难办了,我的项目中没有这个情况~~

Post by wayswang on 2009, May 20, 3:47 PM 引用此文发表评论 #2

使用childNodes.length来做。

Post by walkingp on 2009, October 21, 1:14 PM 引用此文发表评论 #3


发表评论

评论内容 (必填):