javascript - 使用 JavaScript 在点击时进一步移动元素？

Question

当我单击一个按钮时，我希望一个元素向右移动另外 10 个像素，我该怎么做？

var placeholder = document.getElementById('placeholder');
placeholder.style.left += 10;

我当前的代码仅将元素锁定到第 10 个像素，并且当我再次单击按钮时不会更改位置。

标签： javascriptdom

Answer 1

style.left只有在最后添加一个度量单位时才能理解，在这种情况下它应该是像素，所以是“px”。您需要创建另一个变量来跟踪该值，然后添加“px”。

var pos = 0; var placeholder = document.getElementById('placeholder'); pos += 10; placeholder.style.left = pos + "px";