首頁 > web前端 > js教程 > 關於js 索引下標之li集合綁定點擊事件實例分享

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

小云云
發布: 2018-01-15 09:20:15
原創
1616 人瀏覽過

本文透過一段實例程式碼跟大家講解了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板