javascript - onmouseover 不适用于我的功能？

Question

我目前正在学习使用java脚本，遇到了一个我无法解决的问题。为了练习，我在一个简单的 HTM 中编写了一个修改 div 上边距的脚本:

var boton = (function () {
var timerId;

return function (margin, element) {
    var i = 2;
    timerId = setInterval (function () {
    if (i > margin) 
        i = 2;
        element.style.marginTop = i + 'px';
        i++;
    }, 100);
}; }) ();

如果我以这种方式调用该函数，它就会工作:

<script type="text/javascript">
boton (50 , document.getElementById("botondiv"));
</script>

但是如果我尝试在 A 标记上的鼠标悬停事件中调用它，它将无法工作

<a onmouseover="boton (50 , document.getElementById("botondiv"));" href="#"></a>

我对此的想法是，当有人将鼠标悬停在 A 标签上时，元素的上边距会被修改。我做错了什么？

Answer 1

嗯，其中一个是引号内有引号，没有转义。

<a onmouseover="boton (50 , document.getElementById("botondiv"));" href="#"></a>

应该是:

<a onmouseover="boton (50 , document.getElementById('botondiv'));" href="#"></a>