JavaScript獲取ul中l(wèi)i個數(shù)的方法
更新時間：2017年02月13日 10:14:22 作者：風(fēng)起從容
這篇文章主要介紹了JavaScript獲取ul中l(wèi)i個數(shù)的方法,涉及javascript針對頁面HTML元素的獲取及屬性操作相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JavaScript獲取ul中l(wèi)i個數(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)在需要通過javascript獲取li的數(shù)量。
把getElementById和getElementsByTagName結(jié)合起來使用就可以實現(xiàn)：
temp = document.getElementById('mycarousel');
lis = temp.getElementsByTagName('li');
alert(lis.length); //顯示li元素的個數(shù)
或者直接得到：
lis = document.getElementById('mycarousel').getElementsByTagName('li').length;
alert(lis); //顯示li元素的個數(shù)
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
您可能感興趣的文章:
- JS遍歷ul下的li點擊彈出li的索引的實現(xiàn)方法
- Jquery和JS獲取ul中l(wèi)i標(biāo)簽的實現(xiàn)方法
- javascript操作ul中l(wèi)i的方法
- JS動態(tài)增加刪除UL節(jié)點LI及相關(guān)內(nèi)容示例
- js 動態(tài)添加元素(div、li、img等)及設(shè)置屬性的方法
- js 獲取元素下面所有l(wèi)i的兩種方法
- Javascript 獲取LI里的內(nèi)容
- JS獲取checkbox的個數(shù)簡單實例
- js獲取對象、數(shù)組的實際長度,元素實際個數(shù)的實現(xiàn)代碼
- js獲取下拉列表的值和元素個數(shù)示例
- JavaScript獲取多個數(shù)組的交集簡單實例
- js限制checkbox勾選的個數(shù)以及php獲取多個checkbbox的方法深入解析
相關(guān)文章
javascript計算當(dāng)月剩余天數(shù)(天數(shù)計算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁上計算當(dāng)前月份的剩余天數(shù)的方法，大家參考使用吧2014-01-01
這篇文章主要介紹了基于Phantomjs生成PDF的實現(xiàn)方法,結(jié)合實例形式分析了Phantomjs結(jié)合nodejs生成pdf的操作步驟與相關(guān)技巧,需要的朋友可以參考下2016-11-11
詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連
這篇文章主要介紹了詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了JavaScript編寫的網(wǎng)頁小游戲，附上全部代碼供大家查看，實現(xiàn)了網(wǎng)頁的小游戲頁面，需要的朋友可以參考下2017-08-08
uniapp中全局頁面掛載組件實戰(zhàn)過程(小程序)
這篇文章主要給大家介紹了關(guān)于uniapp中全局頁面掛載組件(小程序)的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)移動端輪播圖滑動切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
layui加載數(shù)據(jù)顯示loading加載完成loading消失的實例代碼
今天小編就為大家分享一篇layui加載數(shù)據(jù)顯示loading加載完成loading消失的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript轉(zhuǎn)換與解析JSON方法實例詳解
這篇文章主要介紹了JavaScript轉(zhuǎn)換與解析JSON方法,實例分析了JavaScript解析json的技巧,并附帶分析了jQuery解析與轉(zhuǎn)換json的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
JavaScript判斷數(shù)組的方法總結(jié)與推薦
這篇文章主要給大家介紹了關(guān)于JavaScript判斷數(shù)組方法的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-02-02
本文為大家介紹下利用js來驗證文本框的值，當(dāng)鼠標(biāo)焦點離開文本框時進(jìn)行驗證，示例代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07