Javascript 使用DOM不会更改文本。错误信息显示“错误”；无法设置属性'；innerHTML'；“无效”的定义；

我知道这是一个非常简单的问题，可能已经有答案了，但没有答案

所以，当我点击7按钮时，它应该将标题改为7。我的程序还没有完成，所以其他按钮都不起作用。它在chrome控制台上返回错误消息：UncaughtTypeError:无法将属性“innerHTML”设置为null。提前谢谢！这是我的密码：

var num2；
var回答；
var num1；
压缩时的函数（inumber）{
document.getElementById（输出）.innerHTML=inumber；
}

#中心{
文本对齐：居中；
字体系列：Comic Sans MS；
字体大小：50px；
颜色：黑色；
}
#输出按钮{
宽度：500px；
高度：150像素；
字体大小：50px；
文本大小：100；
}
*{
文本对齐：居中；
颜色：红色；
字体系列：Comic Sans MS；
}
#输入{
宽度：167px；
字体大小：30px；
高度：100px；
}
#输出{
边框样式：实心；
左边距：20px；
右边距：20px；
边框颜色：蓝色；
字体大小：60px；
}
#计算{
边框样式：实心；
左边距：300px；
右边距：300px；
边框宽度：10px；
边界半径：50px；
边框颜色：绿色；
}
#专用输入{
宽度：334px；
字体大小：30px；
高度：100px；
左边距：0px；
}

计算器
答复


7.
8.
9
+


4.
5.
6.
-


1.
2.
3.
X


自动控制
0
=
÷

您忘记了引号：

document.getElementById（输出）

应该是

document.getElementById（“输出”）

var num2；
var回答；
var num1；
压缩时的函数（inumber）{
document.getElementById（'output'）。innerHTML=inumber；
}

#中心{
文本对齐：居中；
字体系列：Comic Sans MS；
字体大小：50px；
颜色：黑色；
}
#输出按钮{
宽度：500px；
高度：150像素；
字体大小：50px；
文本大小：100；
}
*{
文本对齐：居中；
颜色：红色；
字体系列：Comic Sans MS；
}
#输入{
宽度：167px；
字体大小：30px；
高度：100px；
}
#输出{
边框样式：实心；
左边距：20px；
右边距：20px；
边框颜色：蓝色；
字体大小：60px；
}
#计算{
边框样式：实心；
左边距：300px；
右边距：300px；
边框宽度：10px；
边界半径：50px；
边框颜色：绿色；
}
#专用输入{
宽度：334px；
字体大小：30px；
高度：100px；
左边距：0px；
}

计算器
答复


7.
8.
9
+


4.
5.
6.
-


1.
2.
3.
X


自动控制
0
=
÷

无论何时提及任何字符串，都必须将其保留在引号中，否则它将作为变量名

所以，在代码中做这个小小的更改并进行检查

document.getElementById("output").innerHTML = inumber;

---

document.getElementById（“输出”）

。。。etc

document.getElementById（output）

您从未定义过名为

output

的变量。是否必须输入id？我只需输入id多个元素就行了，id应该是唯一的。ID是字符串，所以

document.getElementById（'output'）

。但这是h1元素，可能您需要

document.getElementById（'input'+inumber）

。等等，不，我放的是输出，不是输入。