javascript - JavaScript:为什么这个简单的动画测试不起作用？

<p id="test">Test</p>
<button onclick="move(getElementById(" test "))">click me</button>

function move(elem) {
    var lft = 0;

    function anim() {
        lft++
            elem.style.left = lft + "px";
        if (lft == 100) {clearInterval(myVal);}

        }

    var myVal = setInterval(function(){anim()}, 500);

    }

我只是想让“测试”文本在屏幕上移动。这行不通。

http://jsfiddle.net/qfovLayv/2/

最佳答案

left属性仅适用于定位的元素。

一个定位元素位于position属性的值不同于static的位置。

static是默认值，您尚未更改。

根据实际需要将position设置为fixed，relative或absolute。



另外，如果使用"标记属性值的开始，则下一个"将结束属性值。

onclick="move(getElementById("

如果要将"字符用作此类值的数据，则必须使用字符引用：“

您可以改用'。



另外，您的ID中没有空格，因此您传递给getElementById的字符串中不应有任何空格。