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 相关文章推荐
JavaScript 事件记录使用说明
Oct 20 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
Mar 05 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
avalon js实现仿微博拖动图片排序
Aug 14 Javascript
20分钟轻松创建自己的Bootstrap站点
May 12 Javascript
EL表达式截取字符串的函数说明
Sep 22 Javascript
vuex 解决报错this.$store.commit is not a function的方法
Dec 17 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 Javascript
vue实现文件上传读取及下载功能
Nov 17 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 Javascript
javascript实现数字时钟效果
Feb 06 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 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
javascript 简练的几个函数
2009/08/29 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
2016/08/10 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
ionic选择多张图片上传的示例代码
2017/10/10 Javascript
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
Python import自定义模块方法
2015/02/12 Python
python随机取list中的元素方法
2018/04/08 Python
tensorflow如何批量读取图片
2019/08/29 Python
Python使用random模块生成随机数操作实例详解
2019/09/17 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
Python+opencv+pyaudio实现带声音屏幕录制
2019/12/23 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
python调用摄像头的示例代码
2020/09/28 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
法人代表任命书范本
2014/06/05 职场文书
活动总结新闻稿
2014/08/30 职场文书
甜品店创业计划书
2014/09/21 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
Golang 切片(Slice)实现增删改查
2022/04/22 Golang