如何在html中使用js变量？

Question

这就是我的位置。

JavaScript：

var name = 'Bob Test';
document.getElementById('Bob Test').innerHTML = name;

HTML：

<p id="name"></p>

Answer 1

var name = 'Bob Test';
document.getElementById('name').innerHTML = name;

当您应该使用要添加到的元素的ID时，您在'Bob Test'中使用getElementById()作为ID。在这种情况下，它是'name'

Answer 2

而不是

document.getElementById('Bob Test').innerHTML = name;

使用

document.getElementById('name').innerHTML = name;

因为您的ID为“姓名”

Answer 3

尽可能多地使用课堂

<p class="name"></p>

我的建议

var name = 'Bob Test';
document.getElementByClassName('name').innerHTML=name;

因为类可以在其中修改多个元素。  仅选择第一个元素的ID。  您可以使用Queryselector。

用于CSS选择器。 如果您知道

jQuery选择器。

您当前的解决方案是

document.getElementId('name').innerHTML = name;