0

onmouseover または onmouseout をサポートしていないプラットフォームを使用しています。JavaScript を使用して別の要素の innerHTML を変更する必要があります。:hover でこれを実行できると思いましたが、より良い CSS/HTML の方法があれば、それを使用します。これを機能させるには、JavaScript と CSS をどのように関連付けますか?

基本的、

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

上記のテンプレートを使用してこれを行う方法について何か提案はありますか? ありがとう！

4

1 に答える 1

3 
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;
    });
});

:)

于 2012-06-08T02:24:07.787 に答える