如何将两个 javascript 变量插入到 HTML 元素中？

Question

只需要两个简单的 javascript 变量在页面上显示为文本。此代码适用于一个变量，但是当我添加对 getElementById 的第二次调用时，它什么也没显示：

html

 <p id="demo"></p>
 <span id="temper"></span>

JS

document.getElementById("demo").innerHTML = location;

document.getElementById("temper").innerHTML = temp_f;

Answer 1

您的问题是您正在尝试分配变量 location，它隐藏了内置的：

var location = "x";

相反，将变量名称更改为其他名称，例如 loc:

var loc = "x",
    temp_f = "y";

document.getElementById("demo").innerHTML = loc;

document.getElementById("temper").innerHTML = temp_f;

 <p id="demo"></p>
 <span id="temper"></span>

how to insert two javascript variables into HTML elements?