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

发布网友发布时间：2023-09-17 11:07

共3个回答

热心网友时间：2024-11-24 12:40

使用getElementsByTagName可以获得li元素数组再通过判断数组的长度就可以获得li元素的个数了

<ul id ='myul'>
<li></li>
<li></li>
...
</ul>

如上述结构首先获得ul元素，再调用getElementsByTagName函数

temp = document.getElementById('myul');
lis = temp.getElementsByTagName('li');
alert(lis.length); //显示li元素的个数

或者直接得到：

document.getElementById('myul').getElementsByTagName('li').length

热心网友时间：2024-11-24 12:40

document.getElementsByTagName("li").length
方法说明：
getElementsByTagName
作用：获取所有li元素
返回值：返回指定元素的数组

length

作用：获取数组的长度

返回值：数组的长度，整数

热心网友时间：2024-11-24 12:41

getElementsByTagName()
getElementsByName()
可以参考一下这两个方法的用法

比如<ul ID='aaa'><Li /><Li />......</ul>

我要取ul里面的所有Li,这样写就可以了:

aaa.getElementsByTagName('Li')