javascript - OnMouseOver 基本事件不起作用

Question

我正在尝试仅使用 JavaScript 创建“悬停”效果。我知道这可以通过 css 完成，但我是 javascript 新手，我正在尝试使用 onmouseover 事件进行练习。我的大部分代码都在下面工作，除了 onmouseover 事件。我要做的是在悬停时更改具有“条纹”类的表中每一行的背景颜色。然后将它改回原来的背景颜色onmouseout。

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