javascript - 使用 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 variableNode.js 响应。代码设法到达，console.log('I reached here.');但 HTML 没有改变。

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

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

Answer 1

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