javascript - OnMouseOver 基本イベントが機能しない

Question

JavaScript のみを使用して「ホバー」効果を作成しようとしています。これは css で実現できることはわかっていますが、javascript は初めてで、onmouseover イベントの練習をしようとしています。onmouseover イベントを除いて、私のコードのほとんどは以下で動作します。私がやろうとしているのは、ホバー時にクラスが「ストライプ」されているテーブル内のすべての行の背景色を変更することです。次に、マウスアウトで元の背景色に戻します。

                    //Code below not working 
                    rows[i].onmouseover.style.backgroundColor = 'green';

私も試しました：

rows[i].onmouseover.className+='addBg';

うまくいきませんでした。

Answer 1

変化する

rows[i].onmouseover.style.backgroundColor = 'green';

に

rows[i].onmouseover = function() {
    this.style.backgroundColor = 'green';
}