JS声明变量并使用getElementById（）

Question

这似乎是一个非常基本的问题，但我无法理解为什么会这样。我是JavaScript的新手。

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

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

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

我没问题，代码运行。但是，当我改为使用我声明的变量时，它不再有效，因为＆＃34; theLeftSide为null＆＃34;。

这不起作用......

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

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

为什么会这样？我想我把所有相关的代码都放了，但如果需要，我可以添加它。

Answer 1

问题不在于变量本身。

代码中的赋值是在DOM准备好之前完成的。

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