javascript - JS 声明变量并使用 getElementById()

Question

这个问题已经有答案了:

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

已关闭 7 年前。

这似乎是一个非常基本的问题，但我不明白为什么会发生这种情况。我是 JavaScript 新手。

当我做这样的事情时......

 <!-- variable defined but not used -->
 var theLeftSide = document.getElementById("leftSide");

 function generateFaces(){
    <!-- some code here -->
    document.getElementById("leftSide").appendChild(face);
 }

我没有问题，代码可以运行。但是，当我改为使用我声明的变量时，它不再起作用，因为“theLeftSide 为 null”。

这不起作用...

 <!-- variable declared but not used -->
 var theLeftSide = document.getElementById("leftSide");

 function generateFaces(){
    <!-- some code here -->
    theLeftSide.appendChild(face);
 }

为什么会发生这种情况？我想我已经添加了所有相关代码，但如果需要的话我可以添加。

Answer 1

问题不在于变量本身。

代码中的赋值是在 DOM 准备好之前进行的。

将脚本标记放在文档正文标记的末尾，然后尝试。