Question

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

大家好，我有一个问题，这是一个很新的问题（使用HTML，Js等编程）。问题是，当我尝试使我的Js变量出现在HTML（带有document.getElementById）时，没有出现。但是，如果删除除document.getElementById之外的所有文件“ suma1”，浏览器将向我显示总和的结果（205），但是即使我加上其中之一，浏览器也不会显示任何内容。我希望我对我的问题很清楚，这看起来很简单，但很难解释。有什么建议么？预先感谢

Answer 1

添加语句填充resta1，multi1，div1和mod1时看不到任何内容的原因可能是因为它们都具有语法错误。这甚至可能导致第一个语句（在语法上有效的suma1）不起作用。

有效声明

有效的1条语句为document.getElementById("suma1").innerHTML = suma;

无效的语句

所有其他语句均遵循以下模式：

document.getElementById("id")innerHtml = variable;

请注意，您丢失了.和getElementById("id")之间的innerHtml。如果添加了丢失的.，那么一切应该正常如预期的那样。

使用getElementById

1 个答案:

有效声明

无效的语句