当前位置: 首页 > 编程笔记 >

JavaScript获取ul中li个数的方法

秦宁
2023-03-14
本文向大家介绍JavaScript获取ul中li个数的方法,包括了JavaScript获取ul中li个数的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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操作ul中li的方法,包括了javascript操作ul中li的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript操作ul中li的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 我使用悬停库创建一个动画时,用户悬停在一个

  • 本文向大家介绍C#删除UL LI中指定标签里文字的方法,包括了C#删除UL LI中指定标签里文字的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#删除UL LI中指定标签里文字的方法。分享给大家供大家参考,具体如下: 现在需求越来越变态,但是做代码只能尽量满足,这里先是扣去ul和li中的超链接里的文字 具体的数据源如下: 这篇是扣去ul和li中的span里面的文字: 具体的数据源如

  • 本文向大家介绍angular或者js怎么确定选中ul中的哪几个li,包括了angular或者js怎么确定选中ul中的哪几个li的使用技巧和注意事项,需要的朋友参考一下 刚来新公司接到新的需求做一个知识库页面 红色的是单选 蓝色的是多选 这些都是需要传递到后台的 开始不知道如何解决 下班后在家想到一个很巧妙的办法 不多说上代码 箭头所指就是在li里写一个隐藏的radio标签,把后台需要的id字段绑定

  • 本文向大家介绍写例子说明如何给li绑定事件(ul下有1000+个li)?相关面试题,主要包含被问及写例子说明如何给li绑定事件(ul下有1000+个li)?时的应答技巧和注意事项,需要的朋友参考一下 在不考虑任何情况时,直接使用 就可以对 进行事件绑定。 当子元素过多时,可以利用“事件冒泡”在 上进行绑定,实现事件委托。可以利用 对被触发的子元素进行操作。 参考文章:实例分析JavaScript中

  • 本文向大家介绍JavaScript获取URL中参数querystring的方法详解,包括了JavaScript获取URL中参数querystring的方法详解的使用技巧和注意事项,需要的朋友参考一下 一. 获取url的querystring参数 获取url的querystring参数的两种方法如下: 1.1 方法一:正则匹配 对于 http://localhost/index.html?q1=ab