JavaScript - 帶onClick的document.getElementByID

Question

我試圖在HTML文檔中爲了好玩而編寫簡單的遊戲。其中有一個圖像可以增加點擊時的分數。

我創造了得分，將函數內的簡單if聲明應該改變形象，就是它的onClick值是...

if (foo == 1) { 
    document.getElementById("test").src = "images/test2.png"; 
    document.getElementById("test").onClick = "foo2()"; 
} 

...但它不工作。圖像將成功更改，但實際的onClick保持不變。檢查控制檯，它也不會引發錯誤。

Answer 1

onclick屬性全是小寫，並且接受函數，而不是字符串。

document.getElementById("test").onclick = foo2; 

另請參閱addEventListener。

Answer 2

window.onload = prepareButton; 

function prepareButton() 
{ 
    document.getElementById('foo').onclick = function() 
    { 
     alert('you clicked me'); 
    } 
} 

<input id="foo" value="Click Me!" type="button" /> 

Answer 3

document.getElementByID('foo').onclick = function(){ 
    promt('Hello world); 
}