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

Question

<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/

Answer 1

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

定位元素位于 position 属性的值不是 static 的位置。

static 是默认值，您没有更改它。

根据您的实际需要，将位置设置为固定、相对或绝对。

<小时/>

此外，如果您使用 " 来标记属性值的开始和结束，则下一个 " 将结束该属性值。

onclick="move(getElementById("

如果要使用 " 字符作为此类值中的数据，则必须使用字符引用:"

您可以使用'来代替。

<小时/>

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