将div移到右边

Question

我有这个非常基本的问题，但我不知道这个问题。

这是小提琴：http://jsfiddle.net/nL6fvrz8/

我只是想用这个js将对象向右移动，但是当我在小提琴中这样做时它根本不动，如果我在我的计算机上这样做，它会一直给我200px的主要位置（我希望将其添加到第一个位置的金额）

function doMove(){
var foo = document.getElementById("foo");
foo.style.left = (foo.style.left + 200) + 'px';
}

我知道它有点简单，但我一无所知。谢谢你的帮助。

Answer 1

只能通过x.style语法引用内联样式。要通过样式表设置样式，请使用getComputedStyle：

function doMove() {
    var elem = document.getElementById("foo");
    var foo = window.getComputedStyle(elem, null).getPropertyValue("left");
    elem.style.left = parseInt(foo,10) + 200 + 'px';
}

<强> jsFiddle example

Answer 2

在JS中定义基本位置，并在阅读样式时添加parseInt（左边是字符串，格式如此200px）。

document.getElementById("foo").style.left = "300px";
function doMove() {
    var foo = document.getElementById("foo");
    foo.style.left = (parseInt(foo.style.left) + 200) + 'px';
}