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秒間移動させたいと思っていましたが、この単純な問題を解決できないようです。

score 5 · Accepted Answer

ID を引用符で囲む必要があります (文字列として扱われるようにします)。

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

現在の使用法は、purple定義されていない変数を参照することを意味するundefinedため、値があり、document.getElementByIdメソッドは何も返しません..

score 0 · Accepted Answer

関数 getElementById の引用符を見逃したようです。

このような：

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

2 に答える 2