如何使用javascript变量更新HTML中的span元素？

我正在尝试更新一个span元素，以显示我的javascript变量是否正确

var homely=“印第安纳波利斯”；
document.getElementById（'家乡'）.innerHTML='印第安纳波利斯'
家乡：
不完全。您没有使用该变量

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

由于您没有设置html内容，因此使用
.textContent
属性是更好的选择：

document.getElementById('hometown').textContent = hometown;

还要确保在选择元素之前将其添加到DOM中，即将脚本放在目标
span
元素之后

Hometown: <span id="hometown"></span>
<script> /* JavaScript code goes here */  </script>

家乡：
/*JavaScript代码位于此处*/
这基本上是正确的，只是您从不使用变量，因此变量没有意义。如果您想使用变量来更改它，您可以这样做


var homely=“印第安纳波利斯”；
document.getElementById（“家乡”）.innerHTML=家乡
家乡：
如果您只更新文本，也可以使用
textContent
。它对您有用吗？这很有用。如果它不适合你，也许是你的浏览器。innerText是另一种类似于innerHTML的语言。