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>