Javascript将变量写入div

时间:2013-10-31 10:12:06

标签: javascript html variables innerhtml getelementbyid

当用户点击图片时,我正尝试使用以下代码将变量“current”写入div“bank”: document.getElementById('bank').innerHTML = current

根据我的研究,这应该有效,但事实并非如此。这是我的代码:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/default.css">
        <script>
            var current = 0;
            var totalThisGame = 0;

            function onButtonClick
            {
                current = current +1;
                totalThisGame = totalThisGame +1;
                document.getElementById('bank').innerHTML = current;
            }
        </script>
    </head>
    <body>
        <div id="left">
            <div id="bank">
            </div>
            <img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>
        </div>
        <div id="middle">
        </div>
        <div id="right">
        </div>
    </body>
</html>

9 个答案:

答案 0 :(得分:4)

你错过了函数背后的()

function onButtonClick()
            {
                current = current +1;
                totalThisGame = totalThisGame +1;
                document.getElementById('bank').innerHTML = current;
            }

你的代码对我来说很好

答案 1 :(得分:1)

错误

change  function onButtonClick ->  function onButtonClick()

<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();> to

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

答案 2 :(得分:0)

尝试:

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

答案 3 :(得分:0)

您的功能定义不明确。它应该是function onButtonClick()而不是function onButtonClick。然后使用该HTML代码:<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

答案 4 :(得分:0)

你忘了功能括号

       function onButtonClick()
        {
            current = current +1;
            totalThisGame = totalThisGame +1;
            document.getElementById('bank').innerHTML = current;
        }

答案 5 :(得分:0)

银行必须使用双引号: document.getElementById(“bank”)。innerHTML = current;

答案 6 :(得分:0)

始终在双引号内的html中使用任何事件的任何函数。试试这个

答案 7 :(得分:0)

你应该阅读控制台消息,你会注意到你的功能很奇怪。 注意括号。

function onButtonClick
{

变为

function onButtonClick()
{

答案 8 :(得分:0)

更改

function onButtonClick to  function onButtonClick()

<img id="image" src="img/image.png" alt="image" onclick=onButtonClick();>

<img id="image" src="img/image.png" alt="image" onclick="onButtonClick();">

如果将javascript放在正文结束标记之前或使用window.onload方法

会更好