Question

我正在尝试创建一个简单的“单击此按钮并增加数字”按钮，但出现错误：

Uncaught TypeError: Unable to set property "innerHTML" in null

我尝试更改某些代码的顺序，但是没有用。

JS代码：

var testCurrency = 0;
function addNumber(number){
  testCurrency += number;
}
document.getElementById("testCurrency").innerHTML = testCurrency;

HTML代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Yet Another Idle Game</title>
    <link rel="stylesheet" type="text/css" href="interface.css" />
  </head>
  <body>
    <button onclick="addNumber(1)">
    <script type="text/javascript" src="main.js"></script>
  </body>

错误：

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at addNumber (main.js:6)

我不知道如何使它工作。打开页面后，错误立即出现。谁能帮我？预先感谢！

Answer 1

如果您使用“ getElementById”，则这些“ Id”是指HTML ID。因此，在您的HTML中，您应该具有id =“ testCurrency”的元素。例如：

<body>
    <button onclick="addNumber(1)">
    <p> id="testCurrency"></p>
    <script type="text/javascript" src="main.js"></script>
</body>

无法将属性“ innerHTML”设置为null

1 个答案: