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

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

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
}

---

我如何做到这一点？

不是这样

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>

el
el1
var el=document.getElementById（“el”），
el1=document.getElementById（“el1”）；
el.onmouseover=函数（）{
警报（el1）；
}

并非如此

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>

el
el1
var el=document.getElementById（“el”），
el1=document.getElementById（“el1”）；
el.onmouseover=函数（）{
警报（el1）；
}

将元素放入mouseover事件中会不会很痛苦

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.';
};

---

将元素放入mouseover事件中会不会很痛苦

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.';
};