JavaScript获取ul中li个数的方法


Posted in Javascript onFebruary 13, 2017

本文实例讲述了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 相关文章推荐
DWR Ext 加载数据
Mar 22 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
Javascript变量作用域详解
Dec 06 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
XML、HTML、CSS与JS的区别整理
Feb 18 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
Aug 25 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
js实现简单的点名器随机色实例代码
Sep 20 Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 #Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
Feb 13 #Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 #Javascript
详谈js中window.location.search的用法和作用
Feb 13 #Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 #Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 #Javascript
js实现九宫格拼图小游戏
Feb 13 #Javascript
You might like
php关联数组与索引数组及其显示方法
2018/03/12 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
javascript 命名空间以提高代码重用性
2008/11/13 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
javascript省市区三级联动下拉框菜单实例演示
2015/11/29 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
2016/10/12 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
python实现电子词典
2020/04/23 Python
python实现数组插入新元素的方法
2015/05/22 Python
Fabric 应用案例
2016/08/28 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
护士专业推荐信
2013/11/02 职场文书
煤矿安全协议书
2014/08/20 职场文书
2015年助残日活动总结
2015/03/27 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
给女朋友的道歉短信
2015/05/12 职场文书
如何使用pdb进行Python调试
2021/06/30 Python