js中鼠标单击事件的一个小问题
2016-03-07 本文已影响34人
Junting
学js时做个简单的单击事件，触发的一个问题！
局部代码：
<body>
<h1>111</h1>
<h1>222</h1>
<h1>333</h1>
</body>
var h = document.getElementsByTagName("h1");
for(var i=0;i< h.length;i++){
// 这里我么可以获取到每一个h[i]的，为什么在点击后，会出现一个h[i] 是一个ubdefined ne
// 首先该事件是一个点击后才会触发的事件，但是该循环已经执行完了，也就是说在该代码执行完后，这里的 i = 3；你去点击的时候i为3怎么可能找到该对象呢，所以会出现 h[i] 是一个未定义
// 在这里我们应该使用 this 不管 i 等于什么，this指的是当前被点击的
h[i].onclick = function(){
alert(h[i].innerHTML);
//alert(this.innerHTML);
}
}
