快捷導(dǎo)航

js 索引下標(biāo)之li集合綁定點(diǎn)擊事件

更新時(shí)間：2018年01月12日 14:19:45 作者：joker_xd

本文通過(guò)一段實(shí)例代碼給大家講解了js索引下標(biāo)之li集合綁定點(diǎn)擊事件的相關(guān)知識(shí)，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧

下面一段代碼給大家介紹li集合綁定點(diǎn)擊事件，具體代碼如下所示：

//Method-1:
var items = document.getElementsByTagName('li');
　　for(var i=0;i<items.length;i++){
　　　　items[i].index = i;
　　　　items[i].onclick = function(){
　　　　　　this.innerHTML = this.index;
　　}
}
//Method-2:
var items = document.getElementsByTagName('li');
　　for(var i = 0; i<items.length; i++){
　　　　(function(index){
　　　　　　items[i].onclick = function(){
　　　　　　this.innerHTML = index;
　　　　}
　　})(i)
}
//Method-3:
var items = document.getElementsByTagName('li');
for(var i = 0; i<items.length; i++){
　　items[i].onclick = function(index){
　　　　return function(){
　　　　　　this.innerHTML = index;
　　　　}
　　}(i)
}

總結(jié)

以上所述是小編給大家介紹的js 索引下標(biāo)之li集合綁定點(diǎn)擊事件，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

js精確的加減乘除實(shí)例
下面小編就為大家?guī)?lái)一篇js精確的加減乘除實(shí)例，具有非常好的參考價(jià)值。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11
JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(五)：經(jīng)典KMP算法
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(五)：經(jīng)典KMP算法,本文詳解了KMP算法的方方面在,需要的朋友可以參考下
2015-06-06
10個(gè)最受歡迎的 JavaScript框架(推薦)
這篇文章主要介紹了JavaScript框架特性，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
javascript中的__defineGetter__和__defineSetter__介紹
這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向?qū)ο笳Z(yǔ)言中的get和set關(guān)鍵字,需要的朋友可以參考下
2014-08-08
JavaScript刪除字符串中指定字符的4種方法匯總
在前端面試中,經(jīng)常會(huì)問(wèn)到這樣的一個(gè)問(wèn)題,刪除字符串中指定字符,下面這篇文章主要給大家介紹了關(guān)于JavaScript刪除字符串中指定字符的4種方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
JavaScript設(shè)計(jì)模式之門(mén)面模式原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之門(mén)面模式原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了門(mén)面模式的原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
一些手寫(xiě)JavaScript常用的函數(shù)匯總
這篇文章主要給大家介紹了一些手寫(xiě)的JavaScript常用的函數(shù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
用js遍歷 table的腳本
js遍歷table的所有元素的代碼，方便我們控制table的所有元素，顏色，樣式等
2008-07-07
JavaScript實(shí)現(xiàn)樓層效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)樓層效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
詳解webpack的clean-webpack-plugin插件報(bào)錯(cuò)
這篇文章主要介紹了詳解webpack的clean-webpack-plugin插件報(bào)錯(cuò)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10