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

来源:百度知道 编辑:UC知道 时间:2024/05/26 17:43:09
比如我知道用JavaScript获得表格的长度是secTable.cells.length,请问如何用Javascript获得在一个<ul>中的<Li>的个数了?谢谢高手指点!

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

length

作用:获取数组的长度

返回值:数组的长度,整数

使用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

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

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

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

aaa.getElementsByTagName('Li')