javascript - 如何使用javascript从左向右移动一个div

Question

我有一个名为 movingImage 的 div，我想在每次单击按钮时向右移动 50px。

这是我的 javascript:

function moving_Image() {
    document.getElementById("movingImage").style.right = "50px";
}

和 html:

<h1 id="movingImage"> __________ </h1>
<input type="button" value="click me" onclick="moving_Image()"> 

Answer 1

要移动的元素需要有CSS属性position: relative;:

我还将 .style.left 更改为 .style.right，你会明白为什么:

var imageOffset = 0
function moving_Image() {
  imageOffset += 50
  document.getElementById("movingImage").style.left = imageOffset + "px";
}

#movingImage {
  position: relative;
}

<h1 id="movingImage">__________</h1>
<input type="button" value="click me" onclick="moving_Image()">

如果还有什么不懂的，欢迎在评论中提问。