使用document.querySelector（）

Question

我有这个js脚本：

<script>
  var checking_for_user = <%- JSON.stringify(overwrite) %> ;
  if (checking_for_user) {
   console.log('I reached here.');
   document.querySelector('.msg .text-center').innerHTML='User does not exist! Please go back to the <a href="/index">Index Page</a>';
  }
</script>

在脚本下方，我有以下HTML代码：

<div class="msg">
  <h1 class="text-center">
    There was an error. Please go back to the <a href="/index">Index Page</a>
  </h1>
</div>

checking_for_user variable来自Node.js响应。 该代码设法到达console.log('I reached here.');，但HTML不变。

document.querySelector()行不起作用。 我尝试了更简单的document.querySelector()参数（只是一个字符串-没有超链接），但是也失败了。

有人知道我在这里做错了什么吗？

Answer 1

您编写的脚本将在文档完全加载之前执行，因此querySelector将找不到任何内容。如果将脚本放在HTML后面，它将可以按预期工作。