js 索引下标之li集合绑定点击事件
网络 2018-01-29 1256
下面一段代码给大家介绍li集合绑定点击事件，具体代码如下所示：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | //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) } |
