JS Variablen deklarieren und getElementById() verwenden

Question

Das scheint eine ziemlich grundlegende Frage zu sein, aber ich kann nicht verstehen, warum das so ist. Ich bin neu in JavaScript.

Wenn ich etwas tun, wie folgt ...

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

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

Ich habe kein Problem, und der Code ausgeführt wird. Aber wenn ich die Variable, die ich deklariert habe, stattdessen verwende, funktioniert sie nicht mehr, weil "theLeftSide null ist".

Dies funktioniert nicht ...

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

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

Warum ist das passiert? Ich denke, ich habe den ganzen relevanten Code, aber ich kann hinzufügen, wenn es sein muss.

Answer 1

Das Problem ist nicht die Variable selbst.

Die Zuordnung im Code wird vorgenommen, bevor das DOM bereit ist.

Setzen Sie Ihre Skript-Tag am Ende des Dokuments body-Tag, und versuchen Sie es.