在for循環中添加事件

Question

我想用mouseover事件將每個<p>的innerText更改爲*。

HTML

<p id="object1">O</p> 
<p id="object2">O</p> 
<p id="object3">O</p> 

我寫了一個劇本，但它不僅影響最後<p>。我的腳本有什麼問題？我會很感激的幫助。

的JavaScript

var nodeList = document.getElementsByTagName('p'); 

for (var i = 0; i < nodeList.length; i++) { 
    var obj = Utility.$(nodeList[i].id); 
    obj.addEventListener('mouseover', function() { 
     obj.innerHTML = '*'; 
    }, false); 
} 

Answer 1

您應該使用事件參數的事件處理程序，否則obj是最後assignent（在循環分配）。

而且你不需要任何Utility幫手

var nodeList = document.getElementsByTagName('p'); 

for(var i = 0; i < nodeList.length; i++) 
{ 
    var obj = nodeList[i]; 
    obj.addEventListener('mouseover', function(e){ 
     e.target.innerHTML = '*'; 
    }, false); 
} 

http://jsfiddle.net/002efeht/