如何將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

回答