Javascript 使用getElementById在HTML中添加Js变量时出现问题
大家好，我有一个问题，我对使用HTML、Js等编程相当陌生。问题是，当我试图使用document.getElementById在HTML上显示我的Js变量时，它们不会显示。但是，如果删除除包含suma1的document.getElementById之外的每个document.getElementById，浏览器会显示总和205的结果，但如果我添加其中一个，浏览器也不会显示任何内容。 我希望我清楚我的问题，它看起来很简单，但很难解释。 有什么建议吗？Javascript 使用getElementById在HTML中添加Js变量时出现问题,javascript,html,Javascript,Html,大家好，我有一个问题，我对使用HTML、Js等编程相当陌生。问题是，当我试图使用document.getElementById在HTML上显示我的Js变量时，它们不会显示。但是，如果删除除包含suma1的document.getElementById之外的每个document.getElementById，浏览器会显示总和205的结果，但如果我添加其中一个，浏览器也不会显示任何内容。 我希望我清楚我的问题，它看起来很简单，但很难解释。 有什么建议吗？ 提前感谢添加语句以填充resta1、mult
提前感谢添加语句以填充resta1、multi1、div1和mod1时没有看到任何内容的原因可能是因为它们都有语法错误。这可能会导致语法上有效的第一个语句suma1也无法工作 有效声明 正在工作的1语句是document.getElementByIdsuma1.innerHTML=suma 无效语句 所有其他语句都遵循此模式： document.getElementByIDIDinerHTML=变量
请注意，您错过了。在getElementByIdid和innerHtml之间。如果您添加缺少的。然后，它应该会像预期的那样工作。您在innerHTMLs之前缺少了一些.s！打开浏览器的开发工具。您应该看到有关语法错误的消息。开发者工具是你最好的朋友：了解它并利用它。如果你使用的是Chrome，那么在@FelixKling的基础上，右键单击页面，然后单击Inspect，现在你可以使用各种很酷的工具来分析你的页面。
<body>
<h1>Operadores aritméticos</h1>
<h3>+ Adición (102+103)=</h3><p id="suma1"></p>
<h3>- Substracción</h3><p id="resta1"></p>
<h3>* Multiplicación</h3><p id="multi1"></p>
<h3>/ División</h3><p id="div1"></p>
<h3>% Módulo</h3><p id="mod1"></p>
<script>
var suma = (102+103);
var resta = (36-20);
var multiplicación = (27*30);
var división = (900/30);
var módulo = (106%3);
document.getElementById("suma1").innerHTML = suma;
document.getElementById("resta1")innerHTML = resta;
document.getElementById("multi1")innerHTML = multiplicación;
document.getElementById("div1")innerHTML = división;
document.getElementById("mod1")innerHTML = módulo;
</script>