欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js 索引下标之li集合绑定点击事件

程序员文章站 2022-08-10 10:27:20
下面一段代码给大家介绍li集合绑定点击事件,具体代码如下所示: //method-1: var items = document.getelementsbyta...

下面一段代码给大家介绍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)
}

总结

以上所述是小编给大家介绍的js 索引下标之li集合绑定点击事件,希望对大家有所帮助