javascript - 使用 JavaScript 在 :hover 上获取另一个元素的 innerHTML

Question

我正在使用不支持 onmouseover 或 onmouseout 的平台。我需要使用 JavaScript 更改另一个元素的 innerHTML。我想我可能可以用 :hover 来做到这一点，但如果有更好的 CSS/HTML 方法，我会去的。我将如何关联 JavaScript 和 CSS 以使其工作？

基本上，

<div id="trigger">To hover over</div>
<div id="dynamicContent">To change innerHTML of</div>

关于如何使用上面的模板完成此操作的任何建议？谢谢！

Answer 1

document.querySelector("#trigger").addEventListener("mouseover", function(){
    var txt = document.querySelector("#dynamicContent").innerHTML;
    document.querySelector("#dynamicContent").innerHTML = "Changed.";

    this.addEventListener("mouseout", function(){
        document.querySelector("#dynamicContent").innerHTML = txt;
    });
});

:)