点击 li 获取索引的三种方式 代码

//原生js实现



<script type="text/javascript">

var oLi=document.getElementsByTagName("li");

//第一种

for(var i=0;i<oLi.length;i++){
oLi[i].index=i;
oLi[i].onclick=function(){
console.log(this.index);
}

}

//第二种

for(let i=0;i<oLi.length;i++){
oLi[i].onclick=function(){
console.log(i);
}
}

</script>

//闭包实现

<script type="text/javascript">
var oLi=document.getElementsByTagName("li");
for(var i=0;i<oLi.length;i++){
oLi[i].onclick=(function(i){
function bar(){
console.log(i);
}
return bar;
})(i)
}
for(var i=0;i<oLi.length;i++){
(function(i){
oLi[i].onclick=function(){
console.log(i);
}
})(i);
}
</script>