Javascript onmouseover无法使用我的功能？

我目前正在学习使用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>

boton（50，document.getElementById（“botondiv”）；

但是如果我尝试在a标签上的鼠标悬停事件中调用它，它将不起作用

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

---

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

好吧，你的引号里有引号，没有转义

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

应该是：

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