javascript 获得ul下的li子元素

JavaScript028

javascript 获得ul下的li子元素,第1张

想了半天js没想到什么好用的办法,jQuery倒是可以实现,但是js我倒是想到了一个比较笨的方法

.先获得aul下所有的li的长度,然后获得bul下的li的长度,相减得到aul的子li的长度,就是你想要的那些li的长度,然后通过document.getElementById("id").childNodes[n]这个函数,n应该是0-最终你想要的li的长度-1,这样子吧

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