javascript - 用javascript移动图像

Question

这个功能有什么问题？

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 秒，但似乎无法解决这个简单的问题。

Answer 1

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

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

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

Answer 2

好像您错过了函数 getElementById 上的引号。

像这样：

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