<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="box"> 哈哈 <!-- ff0011 --> </div> <div class="box"> 嘿嘿啊 <!-- ff0012 --> </div> <script> window.onload = function() { // var a; // alert(a); // var a = 1; // alert(a); var oBoxs = document.getElementsByClassName('box'); console.log(oBoxs); // oBoxs.push(1); // var声明的变量 存在变量提升 for(var i = 0;i < oBoxs.length; i++){ oBoxs[i].I = i; oBoxs[i].onclick = function() { console.log(oBoxs[this.I].innerText); console.log(this); console.log(this.innerText); } } }; // window.onload = function() { // alert(3); // }; </script> </body> </html>
效果: