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

我想知道如何将10px添加到div的当前左侧位置。这里是代码：如何将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>

我想添加一个额外的10px的位置绝对div使用JavaScript的左边，所以代码基本上是这样的。这里是代码：

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

我怎样才能在我的div的左侧使用javascript添加额外的10？

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

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

2014-06-27 15:50:37 VisioN

如果你可以自由地使用JavaScript，

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

它的代码量基本相同，并且速度更快，因为它使用本地会见部门首长。

2014-06-27 15:52:04

回答