Variablenzuweisung bei document.get... ist undefiniert

[wolke]

Hallo,
ich bin völliger Anfänger in javascript.
Als Browser benutze ich Iceweasel.
Ich will Beispiele aus einem Buch zu javascript nachvollziehen ... bisher funktioniert auch alles.
Jetzt habe ich aber Probleme mit den folgenden Anweisungen.

document.getElementById("a2");

liefert in der Konsole

<div id="a2">

aber

var x1 = document.getElementById("a2");

liefert

undefined

also die Variable x1 ist undefiniert.
Was mache ich falsch?

Vielen Dank für Hilfe.
wolke

 

[j-l-n]

also die Variable x1 ist undefiniert.

Ne, das passt schon alles. In der Browserkonsole wird jeweils der Rückgabewert angezeigt. Wenn du dir den Inhalt der Variablen ausgeben lässt, wird er korrekt angezeigt:

 

[wolke]

Und "undefined" steht da, weil es kein Wert sondern eine Referenz auf ein Objekt ist?

- - - Aktualisiert - - -

Also in der Konsole komme ich weiter, aber wenn ich das als javascript in einem HTML-Dokument ausführe, so bekomme ich den Fehler in der Konsole: "TypeError: x1 is null" und das Script wird abgebrochen.

 

[rico2009]

Also in der Konsole komme ich weiter, aber wenn ich das als javascript in einem HTML-Dokument ausführe, so bekomme ich den Fehler in der Konsole: "TypeError: x1 is null" und das Script wird abgebrochen.

Weil vermutlich das JS zu früh ausgeführt wird. Der DOM ist dann noch nicht komplett geladen und JS kennt das Objekt noch nicht.

Du kannst mit dem onload-Event (JavaScript: Onload-Techniken: Scripte ausführen, sobald das Dokument verfügbar ist) arbeiten, dann passiert sowas idR nicht mehr.

 

[wolke]

Ja, ich hatte wohl die Beschreibungen in dem Buch nicht vollständig nachvollzogen - es funktioniert jetzt auch.
Das mit dem onload-Event ist wohl entscheident.
Vielen Dank.