JS经典
作者:
osoLife | 来源:发表于
2017-07-04 07:00 被阅读0次
实例一
<input type="button" name="" value="0">
<input type="button" name="" value="1">
<input type="button" name="" value="2">
<input type="button" name="" value="3">
<input type="button" name="" value="4">
<script>
var btn=document.querySelectorAll('input');
for(var i=0;i<btn.length;i++) {
(function(i){
btn[i].onclick=function() {
console.log(btn[i].value);
}
})(i)
}
console.log(i);
</script>
<!--使用let改写上面的代码-->
<input type="button" name="" value="0">
<input type="button" name="" value="1">
<input type="button" name="" value="2">
<input type="button" name="" value="3">
<input type="button" name="" value="4">
<script>
var btn=document.querySelectorAll('input');
for(let i=0;i<btn.length;i++) {
btn[i].onclick=function() {
console.log(btn[i].value);
}
}
// console.log(i); // 报错
</script>
本文标题:JS经典
本文链接:https://www.haomeiwen.com/subject/sfdthxtx.html
网友评论