javascript - 如何将 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

如果您可以自由使用 JavaScript，

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

其代码量基本相同，而且速度更快，因为它使用 native 方法。

<强> DEMO