JavaScript獲取ul中l(wèi)i個(gè)數(shù)的方法
本文實(shí)例講述了JavaScript獲取ul中l(wèi)i個(gè)數(shù)的方法。分享給大家供大家參考，具體如下：
有這樣一段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>的數(shù)量是不固定的，現(xiàn)在需要通過(guò)javascript獲取li的數(shù)量。
把getElementById和getElementsByTagName結(jié)合起來(lái)使用就可以實(shí)現(xiàn)：
temp = document.getElementById('mycarousel');
lis = temp.getElementsByTagName('li');
alert(lis.length); //顯示li元素的個(gè)數(shù)
或者直接得到：
lis = document.getElementById('mycarousel').getElementsByTagName('li').length;
alert(lis); //顯示li元素的個(gè)數(shù)
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS遍歷ul下的li點(diǎn)擊彈出li的索引的實(shí)現(xiàn)方法
- Jquery和JS獲取ul中l(wèi)i標(biāo)簽的實(shí)現(xiàn)方法
- javascript操作ul中l(wèi)i的方法
- JS動(dòng)態(tài)增加刪除UL節(jié)點(diǎn)LI及相關(guān)內(nèi)容示例
- js 動(dòng)態(tài)添加元素(div、li、img等)及設(shè)置屬性的方法
- js 獲取元素下面所有l(wèi)i的兩種方法
- Javascript 獲取LI里的內(nèi)容
- JS獲取checkbox的個(gè)數(shù)簡(jiǎn)單實(shí)例
- js獲取對(duì)象、數(shù)組的實(shí)際長(zhǎng)度,元素實(shí)際個(gè)數(shù)的實(shí)現(xiàn)代碼
- js獲取下拉列表的值和元素個(gè)數(shù)示例
- JavaScript獲取多個(gè)數(shù)組的交集簡(jiǎn)單實(shí)例
- js限制checkbox勾選的個(gè)數(shù)以及php獲取多個(gè)checkbbox的方法深入解析
相關(guān)文章
vue2.0實(shí)戰(zhàn)之基礎(chǔ)入門(mén)（1）
這篇文章主要為大家詳細(xì)介紹了vue2.0實(shí)戰(zhàn)第一篇基礎(chǔ)入門(mén)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
簡(jiǎn)單實(shí)現(xiàn)js無(wú)縫滾動(dòng)效果
這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)js無(wú)縫滾動(dòng)效果，js輪播圖實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02![javascript 最常用的10個(gè)自定義函數(shù)[推薦]](http://img.jbzj.com/images/xgimg/bcimg2.png)
javascript 最常用的10個(gè)自定義函數(shù)[推薦]
如果不使用類(lèi)庫(kù)或者沒(méi)有自己的類(lèi)庫(kù)，儲(chǔ)備一些常用函數(shù)總是有好處的。2009-12-12
移動(dòng)端觸摸滑動(dòng)插件swiper使用方法詳解
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端觸摸滑動(dòng)插件swiper的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
Three.js基礎(chǔ)學(xué)習(xí)之場(chǎng)景對(duì)象
這篇文章主要給大家介紹了Three.js基礎(chǔ)學(xué)習(xí)之場(chǎng)景對(duì)象的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起看看吧。2017-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義select下拉選項(xiàng)框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
javascript replace方法與正則表達(dá)式
replace方法的語(yǔ)法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達(dá)式對(duì)象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。為了幫助大家更好的理解，下面舉個(gè)簡(jiǎn)單例子說(shuō)明一下2008-02-02
這篇文章主要介紹了詳解webpack引用jquery（第三方模塊）的三種辦法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
把多個(gè)JavaScript函數(shù)綁定到onload事件處理函數(shù)上的方法
下面小編就為大家?guī)?lái)一篇把多個(gè)JavaScript函數(shù)綁定到onload事件處理函數(shù)上的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解
這篇文章主要為大家介紹了JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09