快捷導(dǎo)航

JavaScript獲取ul中l(wèi)i個(gè)數(shù)的方法

更新時(shí)間：2017年02月13日 10:14:22 作者：風(fēng)起從容

這篇文章主要介紹了JavaScript獲取ul中l(wèi)i個(gè)數(shù)的方法,涉及javascript針對(duì)頁(yè)面HTML元素的獲取及屬性操作相關(guān)技巧,需要的朋友可以參考下

本文實(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)容感興趣的讀者可查看本站專題：《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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript計(jì)算當(dāng)月剩余天數(shù)(天數(shù)計(jì)算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁(yè)上計(jì)算當(dāng)前月份的剩余天數(shù)的方法，大家參考使用吧
2014-01-01
基于Phantomjs生成PDF的實(shí)現(xiàn)方法
這篇文章主要介紹了基于Phantomjs生成PDF的實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Phantomjs結(jié)合nodejs生成pdf的操作步驟與相關(guān)技巧,需要的朋友可以參考下
2016-11-11
詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連
這篇文章主要介紹了詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
JavaScript編寫的網(wǎng)頁(yè)小游戲，很給力
這篇文章主要介紹了JavaScript編寫的網(wǎng)頁(yè)小游戲，附上全部代碼供大家查看，實(shí)現(xiàn)了網(wǎng)頁(yè)的小游戲頁(yè)面，需要的朋友可以參考下
2017-08-08
uniapp中全局頁(yè)面掛載組件實(shí)戰(zhàn)過(guò)程(小程序)
這篇文章主要給大家介紹了關(guān)于uniapp中全局頁(yè)面掛載組件(小程序)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-12-12
js實(shí)現(xiàn)移動(dòng)端輪播圖滑動(dòng)切換
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)移動(dòng)端輪播圖滑動(dòng)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
layui加載數(shù)據(jù)顯示loading加載完成loading消失的實(shí)例代碼
今天小編就為大家分享一篇layui加載數(shù)據(jù)顯示loading加載完成loading消失的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript轉(zhuǎn)換與解析JSON方法實(shí)例詳解
這篇文章主要介紹了JavaScript轉(zhuǎn)換與解析JSON方法,實(shí)例分析了JavaScript解析json的技巧,并附帶分析了jQuery解析與轉(zhuǎn)換json的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
JavaScript判斷數(shù)組的方法總結(jié)與推薦
這篇文章主要給大家介紹了關(guān)于JavaScript判斷數(shù)組方法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-02-02
鼠標(biāo)焦點(diǎn)離開文本框時(shí)驗(yàn)證的js代碼
本文為大家介紹下利用js來(lái)驗(yàn)證文本框的值，當(dāng)鼠標(biāo)焦點(diǎn)離開文本框時(shí)進(jìn)行驗(yàn)證，示例代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07