欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript获取ul中li个数的方法

程序员文章站 2022-04-30 12:55:35
本文实例讲述了javascript获取ul中li个数的方法。分享给大家供大家参考,具体如下: 有这样一段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程序设计有所帮助。