Question

var img = new Image();
img.className = "block";
img.src = "http://db.tt/xCGgJN48";
img.style.left = x + "px";
img.style.top = y + "px";
var array = [];
array.push(img);
document.getElementById("mydiv").appendChild(array[0]);
//imagine some delay here
array[0].style.left = (array[0].style.left + 10) + "px";

我无法移动图像。在那不是实际的代码之间，最后一行代码是什么不移动它，我之间有其他代码。怎么了？??

Answer 1

这行代码是问题所在：

(array[0].style.left + 10) + "px";

array[0].style.left正在返回100px之类的内容。因此，将10添加到100px10，然后将px添加到100px10px。parseInt。您需要做的是使用100px将100转换为10，然后添加110将px，并添加110px这会给你正确的array[0].style.left = parseInt(array[0].style.left) + 10 + "px";。

{{1}}

javascript - 无法更改对象位置

1 个答案: