javascript - 使用 document.querySelector()

Question

这个问题已经有答案了:

Why does jQuery or a DOM method such as getElementById not find the element? (7 个回答)

已关闭 3 年前。

我有这个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 之后，它应该按预期工作。