JS经典

2017-07-04  本文已影响0人  osoLife

实例一

<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>
上一篇 下一篇

猜你喜欢

热点阅读