使用document.querySelector（）[重复]

Posted 2021-04-10

此问题已经在这里有了答案：

• Why does jQuery or a DOM method such as getElementById not find the element?8个答案

我有这个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()参数（只是一个字符串-没有超链接），但也失败了。

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

答案

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