javascript - 使用JavaScript移动图片

此功能有什么问题？

function moveColor()
 {
 document.getElementById(purple).style.marginRight = "34px";
 }

与此HTML:

<div><img src="images/purple.png" id="purple" onclick="colorpurple()" onmouseover="moveColor()" style="cursor:pointer;"/></div>

我也想让它移动1秒，但是似乎无法解决这个简单的问题。

最佳答案

您需要将id放在引号中(以便将其视为字符串)。

document.getElementById('purple').style.marginRight = "34px";

当前用法意味着purple引用了一个变量，该变量未定义，因此具有undefined值，因此document.getElementById方法不返回任何内容。