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