如何将10px添加到div的左坐标？

Question

我想知道如何将10px添加到div的当前左侧位置。这是代码：

  <div id="ok" style="width:56px; height:56px; background:blue; color:white; position:absolute; top:5px; left:5px; z-index:8;">Hello</div>

我想使用javascript在位置绝对div的左侧添加额外的10px，因此代码基本上看起来像这样。这是代码：

  <div id="ok" style="width:56px; height:56px; background:blue; color:white; position:absolute; top:5px; left:15px; z-index:8;">Hello</div>

如何使用javascript在div的左侧添加额外的10个？

Answer 1

在jQuery中使用回调函数作为css方法的第二个参数很容易做到：

$('#ok').css('left', function(i, val) {
    return parseInt(val, 10) + 10;
});

DEMO： http://jsfiddle.net/z6j8a/

Answer 2

如果您可以免费使用JavaScript，

var elm = document.getElementById("ok")
elm.style.left = (parseFloat(elm.style.left) + 10) + "px";

它的代码量基本相同，而且使用本机方法的速度更快。

<强> DEMO