關於js 索引下標之li集合綁定點擊事件實例分享

本文透過一段實例程式碼跟大家講解了js索引下標之li集合綁定點擊事件的相關知識，程式碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧，希望能幫助到大家。

下面一段程式碼介紹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(&#39;li&#39;);
　　for(var i = 0; i<items.length; i++){
　　　　(function(index){
　　　　　　items[i].onclick = function(){
　　　　　　this.innerHTML = index;
　　　　}
　　})(i)
}
//Method-3:
var items = document.getElementsByTagName(&#39;li&#39;);
for(var i = 0; i<items.length; i++){
　　items[i].onclick = function(index){
　　　　return function(){
　　　　　　this.innerHTML = index;
　　　　}
　　}(i)
}

相關推薦：

jQuery簡單綁定單一事件實例分享

#實例講解jQuery實作html雙向綁定功能

#實例講解JavaScript函數綁定用法

#

以上是關於js 索引下標之li集合綁定點擊事件實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！