如何使用javascript将div从左向右移动

I have div named movingImage每次单击按钮时我都想向右移动 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()"> 

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

我也改变了.style.left to .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()">

如果还有什么不明白的地方，欢迎在评论里提问。