带有onClick的JavaScript-document.getElementByID_Javascript_Html_Onclick

带有onClick的JavaScript-document.getElementByID

javascript html

带有onClick的JavaScript-document.getElementByID,javascript,html,onclick,Javascript,Html,Onclick,为了好玩，我尝试在HTML文档中编写一个简单的游戏。在它里面，有一个图像，当你点击时，它会增加你的分数我在score adding函数中创建了一个简单的if语句，它应该更改图像及其onClick值 if (foo == 1) { document.getElementById("test").src = "images/test2.png"; document.getElementById("test").onClic

为了好玩，我尝试在HTML文档中编写一个简单的游戏。在它里面，有一个图像，当你点击时，它会增加你的分数

我在score adding函数中创建了一个简单的

if

语句，它应该更改图像及其

onClick

值

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

…但它不起作用。图像将成功更改，但实际的onClick保持不变。检查控制台时，也不会抛出任何错误。

onclick属性都是小写，并且接受函数，而不是字符串

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

另请参见。

window.onload=prepareButton；
函数prepareButton（）
{ 
document.getElementById（'foo'）。onclick=function（）
{
警惕（“你点击了我”）；
}
}

在JavaScript中是对象

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

也许您需要使用“addEventListener”

希望它对您仍然有用

有时候JavaScript没有激活。尝试以下方法：

<!DOCTYPE html>
<html>
  <head>

    <script type="text/javascript"> <!--
      function jActivator() {
        document.getElementById("demo").onclick = function() {myFunction()};
        document.getElementById("demo1").addEventListener("click", myFunction);
        }
      function myFunction( s ) {
        document.getElementById("myresult").innerHTML = s;
        }
    // --> </script>
    <noscript>JavaScript deactivated.</noscript>
    <style type="text/css">
    </style>
  </head>
  <body onload="jActivator()">
    <ul>
      <li id="demo">Click me -&gt; onclick.</li>
      <li id="demo1">Click me -&gt; click event.</li>
      <li onclick="myFunction('YOU CLICKED ME!')">Click me calling function.</li>
    </ul>
    <div id="myresult">&nbsp;</div>
  </body>
</html>


JavaScript已停用。

单击我-再次单击
单击我-单击事件
单击我调用函数

如果在无法访问的页面内使用代码，请删除和标记，并尝试在图像标记内的图片中使用“onload=（）”

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

<!DOCTYPE html>
<html>
  <head>

    <script type="text/javascript"> <!--
      function jActivator() {
        document.getElementById("demo").onclick = function() {myFunction()};
        document.getElementById("demo1").addEventListener("click", myFunction);
        }
      function myFunction( s ) {
        document.getElementById("myresult").innerHTML = s;
        }
    // --> </script>
    <noscript>JavaScript deactivated.</noscript>
    <style type="text/css">
    </style>
  </head>
  <body onload="jActivator()">
    <ul>
      <li id="demo">Click me -&gt; onclick.</li>
      <li id="demo1">Click me -&gt; click event.</li>
      <li onclick="myFunction('YOU CLICKED ME!')">Click me calling function.</li>
    </ul>
    <div id="myresult">&nbsp;</div>
  </body>
</html>