javascript - HTML，JS收到Uncaught TypeError:当变量具有值时，无法将属性'innerHTML'设置为null

情况


我有一个HTML，我希望每次重新加载时都显示一个随机单词。


  问题


我有以下HTML：

<h1 style="font-family: 'Oswald', ;">Alex is currently: <span style="color: rgba(25, 114, 120, 1);" id="status">Alive</span></h1>

我想将status的值更改为除活着以外的随机单词。我将这些变量存储在数组中，并且具有运行onload()的函数：

function changeStatus() {
   let statuses = ['Existing', 'Vibing'];
   let finalStatus = statuses[Math.floor(Math.random() * statuses.length)];
   document.getElementById('user').innerHTML = finalStatus;
}

  错误


但是，当我重新加载页面时，控制台中会出现以下错误：

Uncaught TypeError: Cannot set property 'innerHTML' of null

  理想结果


我想知道我在做错什么以及如何解决它，理想情况下只使用Javascript，但如有必要，我可以使用jQuery。

最佳答案

您正在访问的ID user不存在。可能你想拥有

document.GetElementById('status')