JavaScript獲取ul中li個數的方法

本文實例講述了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元素的個數