Javascript 如何在html中使用js变量？

这就是我所处的位置

JavaScript:

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

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

HTML:

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

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

当您应该使用要添加到的元素的id时，您使用了

'Bob Test'

作为

getElementById（）

中的id。在这种情况下，它是

“name”

当您应该使用要添加到的元素的id时，您使用了

'Bob Test'

作为

getElementById（）

中的id。在本例中，它是

'name'

而不是

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

使用

因为您的id是“name”而不是

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

使用

---

因为您的id是“name”

请尽可能多地使用Class

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

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

用于CSS选择器的使用。 如果你知道的话就像

Jquery选择器

你目前的解决方案是

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

---

尽可能多地使用类

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

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

用于CSS选择器的使用。 如果你知道的话就像

Jquery选择器

你目前的解决方案是

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

---

我会将我的js文件链接到我的html，这取决于你的js文件位于何处，但是的，你是正确的，如果js文件与html文件处于同一级别，这将起作用。链接后，我是否可以使用：

它会工作吗？如果我无法让它显示任何内容，请检查您的浏览器控制台，查看是否有任何错误。可能您也没有正确链接您的JS文件。我会将我的JS文件链接到我的html，这取决于您的JS文件所在的位置，但是的，您是正确的，如果JS文件与html文件处于同一级别，这将起作用。一旦链接，我应该能够使用：

它会工作吗？如果我无法让它显示任何内容，请检查您的浏览器控制台，查看是否有任何错误。也可能是您没有正确链接JS文件。因此，我可以在html中使用这些变量？您可以使用此处在html中键入JS代码。因此，我可以在html中键入这些变量？您可以使用此处在html中键入JS代码。您到底想做什么？您到底想做什么？