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;

Answer 2

JavaScript 函数是对象。

document.getElementById('foo').onclick = function(){
    prompt('Hello world');
}

Answer 3

也许您可能想使用“addEventListener”

document.getElementById("test").addEventListener('click',function ()
{
    foo2();
   }  );

希望它仍然对你有用