如何用JavaScript获得ul中的li的个数?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用JavaScript获得ul中的li的个数?相关的知识,希望对你有一定的参考价值。

比如我知道用javascript获得表格的长度是secTable.cells.length,请问如何用Javascript获得在一个中的的个数了?谢谢高手指点!

参考技术A getElementsByTagName()
getElementsByName()
可以参考一下这两个方法的用法
比如<ul
ID='aaa'><Li
/><Li
/>......</ul>
我要取ul里面的所有Li,这样写就可以了:
aaa.getElementsByTagName('Li')
参考技术B document.getElementsByTagName("li").length
方法说明:
getElementsByTagName
作用:获取所有li元素
返回值:返回指定元素的数组
length
作用:获取数组的长度
返回值:数组的长度,整数

Jquery如何给ul下每个li都加上点击事件

ul
li

li

...

ul
每个li都加上同一个click事件,li个数未知
小白问题,请赐教

输入$('ul li').click(function()// TODO);

利用jQuery动态获取点击事件:

    打开HBuilder开发工具,创建Web项目,并在web项目指定目录下新建静态页面,引入核心js,

    插入可以操作的DOM元素,在<body></body>插入div和ul元素,并给ul属性id,

    在ul下方插入一个按钮button,设置id和class属性,引入样式文件,

    在jquery初始化函数内编写按钮点击事件,动态向ul中插入li元素,并在li元素插入a标签,a标签有点击事件,

    编写完毕后,预览该静态页面,点击“添加”按钮,发现报错,

    检查js代码,发现a标签点击事件传参时单双引号出错,修改之后再次预览。

参考技术A $('ul li').click(function()
// TODO

);追问

每一个li都有了?

追答

是啊,就是这样简单的啊

本回答被提问者和网友采纳

以上是关于如何用JavaScript获得ul中的li的个数?的主要内容,如果未能解决你的问题,请参考以下文章

如何用JavaScript获得ul中的li的个数?

如何用jquery获得每个ul下最后一个li

如何用jquery获得每个ul下最后一个li

如何用js获取ul下li数量的值

javascript 获得ul下的li子元素

如何用ul li 标签动态获取数据库中10条数据并有连接 麻烦详细点