javascript - 使用JavaScript更改元素onMouseOver的颜色

我正在编写javascript，当鼠标悬停在元素上时，它将改变元素的颜色。我完全知道如何使用jQuery做到这一点，但是这次我必须使用纯JS或Prototype做到这一点。

为什么这样不起作用：

<div id="boundary1"></div>

document.getElementById("boundary1").onmouseover(function() {
    alert("test");
})

萤火虫返回：

TypeError: document.getElementById(...).onmouseover is not a function

最佳答案

您的语法错误，您可能也想过“ jQuery”，请尝试以下操作：

var boundary = document.getElementById('boundary');
var mouseOverFunction = function () {
    // this.style.color = '#000'; // your colour change
};
boundary.onmouseover = mouseOverFunction;

我将逻辑分开以使开发和逻辑更加清晰，这也使您的功能可重复使用。

关于javascript - 使用JavaScript更改元素onMouseOver的颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21184932/