javascript - 如何在 HTML 元素中插入两个 javascript 变量？

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>