for循环取出每个i的值
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<script type="text/javascript">
var btns=document.querySelectorAll("button");
//i的值等于btns.length
for(var i=0;i<btns.length;i++){
btns[i].onclick=function () {
console.log(i);//5
}
}
// 方法一:自定义属性
for(var i=0;i<btns.length;i++){
btns[i].index=i;
console.log('i',btns[i].index)
btns[i].onclick=function(){
console.log(this.index);
}
}
// 方法二：闭包，自执行函数传参i
for(var i=0;i<btns.length;i++){
(function(i){
btns[i].onclick=function(){
console.log(i)
}
})(i)
}
// 方法三：es6,let声明变量
for(let i =0;i<btns.length;i++){
let i=10;
console.log(i)
}
console.log(i)
</script>
</body>
</html>
作者：jser_dimple
-------------------------------------------
个性签名：一个人在年轻的时候浪费自己的才华与天赋是一件非常可惜的事情
如果觉得这篇文章对你有小小的帮助的话，记得在右下角点个“推荐”哦，博主在此感谢！
万水千山总是情，打赏5毛买辣条行不行，所以如果你心情还比较高兴，也是可以扫码打赏博主，哈哈哈(っ•̀ω•́)っ✎⁾⁾！
微信
支付宝
