在事件触发时更新另一个元素

Question

假设我有一个附加到一个元素的事件，但我想在触发事件时更新另一个元素。

var el = document.getElementById("el"), 
    el1 = document.getElementById("el1"); 

el.onmouseover = function() { 

    // Here I want to update for example the innerHTML property 
    // of el1 but el1 is undefined in this scope 
} 

我该如何做到这一点？

Answer 1

并非如此。 el1确实在该范围内定义。如果看起来不是这样，你可能在某个地方发生了错误。测试它，甚至，这个HTML：

<p id=el>el 
<p id=el1>el1 

<script> 
var el = document.getElementById("el"), 
    el1 = document.getElementById("el1"); 

el.onmouseover = function() { 
    alert(el1); 
} 
</script> 

Answer 2

var el = document.getElementById("el"); 
el.onmouseover = function() 
{ 
    var el1 = document.getElementById("el1"); 
    el1.innerHTML = 'New values'; 
} 

Answer 3

难道是一个痛苦，以获得鼠标悬停事件内的元素吗？

var el = document.getElementById('el'); 
el.onmouseover = function(evt) { 
    var el_inner = evt.target; 
    var el2_inner = document.getElementById('el2'); 
    el2_inner.innerHTML = 'editing the html here.'; 
};