for循环取出每个i的值_html-js-css

概述<!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

<!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.lengthfor(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);    }}// 方法二：闭包，自执行函数传参ifor(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>

总结

以上是内存溢出为你收集整理的for循环取出每个i的值全部内容，希望文章能够帮你解决for循环取出每个i的值所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1065609.html