Das DOM – das Mysterium der JavaScript-Welt - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 211

1. Die Webseite respektive das DOM sind noch im Aufbau und die Ausgabe der Methoden
wird vom Interpreter unmittelbar an der Stelle des Aufrufs verwendet, um danach den
Aufbau der Seite fortzusetzen. Genau genommen ist die Webseite als Datei beim
Schreibaufruf geöfnet .
2. Die Webseite ist zum Zeitpunkt der Schreibaktion schon fertig aufgebaut. Das kann bei
einem zeitverzögerten Schreibaufruf der Fall sein oder wenn man den Schreibbefehl
etwa mit einem nachträglichen Anwenderbefehl wie den Klick auf eine Schaltläche kop-
pelt. Dann wird der Aufruf der Methoden die bestehende Seite vollkommen überschrei-
ben. Genau genommen bedeutet das, dass die Webseite zum Zeitpunkt der dynamischen
Schreibaktion bereits geschlossen ist. Der Aufruf der Methoden öfnet eine Webseite
wieder zum Überschreiben.
Nun war in den Ausführungen gerade von geöfneten und geschlossenen Dokumenten die
Rede. Wenn Sie mit den Methoden in eine geschlossene Seite schreiben, öfnet die Methode
wie gesagt eine Webseite respektive das DOM automatisch, wenn sie nicht geöfnet ist. Ist
die Webseite jedoch schon geöfnet, wird die Webseite nicht neu geöfnet. Damit können Sie
im Prinzip Inhalt an den bereits vorhandenen Inhalt anhängen . Allerdings macht man das
in der Praxis nicht mit den besagten Methoden write() und writeln() , denn es gibt eine
Vielzahl an Problemen, die zum Teil auch an den konkreten Browsern hängen. Man verwen-
det stattdessen Methoden des node -Objekts, die wir gleich noch genauer ansehen.
PrAXISTIPP: Beim Schreiben einer Webseite sowie beim Ansprechen des Doku-
ments generell gibt es vier reservierte Schlüsselwörter für Fensternamen, die Sie
document voranstellen können, aber heutzutage nur noch selten eingesetzt
werden müssen. Mit self oder window sprechen Sie immer das gerade aktive
Fenster an. Entsprechend wird mit self.document bzw. window.document die
Webseite im aktuellen Fenster referenziert. Die Schlüsselwörter können Sie meist
weglassen. Die Angabe top steht für das oberstes window -Objekt in der Objekt-
hierarchie und parent steht für das direkt übergeordnete Fenster der Objekt-
hierarchie. Die explizite Angabe dieser Schlüsselwörter ist dann sinnvoll, wenn
Sie nicht im eigenen Dokument (also in dem das Skript aufgerufen wird), sondern
in einem anderen Dokument schreiben wollen, das in irgendeiner Weise mit dem
aktuellen Dokument in Beziehung steht, etwa ein Clientfenster bzw. das auf-
rufende Fenster aus dem Client heraus oder ein anderes Fenster im gleichen
Frameset, wenn man überhaupt noch Frames berücksichtigen will.
8.7.2.2■Ein Dokument mit Knoten dynamisch aufbauen
Mehrere Methoden von document sind dazu da, dass Sie damit Knoten erzeugen, um Web-
seiten dynamisch per Skript aufzubauen. Um diese Methoden überhaupt zu verstehen,
muss Ihnen aber zum einen das Knotenkonzept im DOM geläuig sein. Das haben wir ein-
gangs des Kapitels schon angerissen, werden wir aber auf den nächsten Seiten beim node -
Objekt noch vertiefen. Zum anderen benötigen wir ebenso einige Methoden von node , damit
wir das Beispiel überhaupt umsetzen können. Dennoch wollen wir hier den theoretischen
Grundlagen vorgreifen und die Methoden createAttribute() , createElement() und
createTextNode() in einem Beispiel verwenden. Beispiel (kap8_9.html):