无法更改对象位置

unable to change object position

本文关键字：对象 位置      更新时间：2023-09-26
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";

我无法让图像移动。顺便说一句，这不是真正的代码，最后一行代码是没有移动的，我在中间还有其他代码。有什么问题吗?

这行代码就是问题所在:

(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";
相关文章：