Question

我正在使用不支持onmouseover或onmouseout的平台。我需要使用JavaScript更改另一个元素的innerHTML。我想我可能会这样做：悬停，但如果有更好的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;
    });
});

:)

获取另一个元素的innerHTML：使用JavaScript悬停

1 个答案: