时间戳

首页 > 解决方案 > 使用 getElementById 在 HTML 中添加 Js 变量时出现问题

javascript - 使用 getElementById 在 HTML 中添加 Js 变量时出现问题

问题描述

<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）时，它们不会出现. 然而，如果删除除包含“suma1”的每个 document.getElementById，浏览器会显示总和的结果（205），但如果我添加其中一个，浏览器不会显示任何内容。我希望我对我的问题很清楚，这似乎很简单但很难解释。有什么建议么？提前致谢

标签： javascripthtml

解决方案

resta1当您将语句添加到 populate 、multi1、div1和时，您没有看到任何内容的原因mod1可能是因为它们都有语法错误。这甚至可能导致第一个语句 ( suma1，它在语法上是有效的) 不起作用。

有效声明

1个正在工作的语句是document.getElementById("suma1").innerHTML = suma;

无效的陈述

所有其他语句都遵循这种模式：

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

请注意，您缺少.betweengetElementById("id")和innerHtml。如果您添加缺少的.内容，那么它应该可以按预期工作。

推荐阅读