JS 声明变量并使用 getElementById()

Question

这似乎是一个非常基本的问题，但我不明白为什么会这样。我是 JavaScript.

的新手

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

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

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

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

这行不通...

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

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

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

Answer 1

问题不在于变量本身。

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

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

JS 声明变量并使用 getElementById()

JS declaring variables and using getElementById()

javascript

nodes

variable-declaration