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

在 JavaScript 中，函數是對象。

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

Answer 3

window.onload = prepareButton;

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

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

Answer 4

也許您可能想使用“addEventListener”

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

希望它仍然對你有用

Answer 5

有時 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>

如果您在無法訪問的頁面內使用代碼，請刪除和標記並嘗試在圖像標記內的圖片中使用 'onload=()'

JavaScript - 帶有 onClick 的 document.getElementByID

問題描述

5 個解決方案

解決方案1
42 已采納 2014-01-06 00:41:38

解決方案2
14 2017-12-18 21:50:33

解決方案3
3 2014-11-30 13:40:57

解決方案4
2 2019-11-28 15:59:31

解決方案5
-1 2020-06-07 15:33:58

JavaScript - 帶有 onClick 的 document.getElementByID

問題描述

5 個解決方案

解決方案1 42 已采納 2014-01-06 00:41:38

解決方案2 14 2017-12-18 21:50:33

解決方案3 3 2014-11-30 13:40:57

解決方案4 2 2019-11-28 15:59:31

解決方案5 -1 2020-06-07 15:33:58

解決方案1
42 已采納 2014-01-06 00:41:38

解決方案2
14 2017-12-18 21:50:33

解決方案3
3 2014-11-30 13:40:57

解決方案4
2 2019-11-28 15:59:31

解決方案5
-1 2020-06-07 15:33:58