js 索引下標(biāo)之li集合綁定點擊事件
更新時間：2018年01月12日 14:19:45 作者：joker_xd
本文通過一段實例代碼給大家講解了js索引下標(biāo)之li集合綁定點擊事件的相關(guān)知識，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
下面一段代碼給大家介紹li集合綁定點擊事件，具體代碼如下所示：
//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集合綁定點擊事件，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- JS遍歷ul下的li點擊彈出li的索引的實現(xiàn)方法
- JS數(shù)組操作(數(shù)組增加、刪除、翻轉(zhuǎn)、轉(zhuǎn)字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)
- 用javascript為DropDownList控件下拉式選擇添加一個Item至定義索引位置
- JavaScript遍歷DOM元素的常見方式示例
- JavaScript實現(xiàn)的DOM樹遍歷方法詳解【二叉DOM樹、多叉DOM樹】
- JS遍歷DOM文檔樹的方法實例詳解
- javascript先序遍歷DOM樹的方法
- JavaScript簡單遍歷DOM對象所有屬性的實現(xiàn)方法
- JS實現(xiàn)點擊li標(biāo)簽彈出對應(yīng)的索引功能【案例】
相關(guān)文章
下面小編就為大家?guī)硪黄猨s精確的加減乘除實例，具有非常好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧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
這篇文章主要介紹了JavaScript框架特性，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javascript中的__defineGetter__和__defineSetter__介紹
這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向?qū)ο笳Z言中的get和set關(guān)鍵字,需要的朋友可以參考下2014-08-08
在前端面試中,經(jīng)常會問到這樣的一個問題,刪除字符串中指定字符,下面這篇文章主要給大家介紹了關(guān)于JavaScript刪除字符串中指定字符的4種方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
JavaScript設(shè)計模式之門面模式原理與實現(xiàn)方法分析
這篇文章主要介紹了JavaScript設(shè)計模式之門面模式原理與實現(xiàn)方法,結(jié)合實例形式分析了門面模式的原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2020-03-03
這篇文章主要給大家介紹了一些手寫的JavaScript常用的函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
js遍歷table的所有元素的代碼，方便我們控制table的所有元素，顏色，樣式等2008-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)樓層效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
詳解webpack的clean-webpack-plugin插件報錯
這篇文章主要介紹了詳解webpack的clean-webpack-plugin插件報錯，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10