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

Bild 8.5■ Mehrere Knoten wurden angefügt.

Diese Verbindung schafen wir, indem wir den Textknoten als Kind an den Elementknoten
anhängen. Dazu verwenden wir die node -Methode appendChild() ( u1.appendChild(text); ).
Zum Abschluss müssen wir den nun gefüllten Elementknoten der Webseite hinzufügen
bzw. in den Knotenbaum einfügen. Das machen wir wieder mit der Methode appendChild()
über document.getElementsByTagName("body")[0].appendChild(u1); .
Damit ist die dynamisch generierte Seite fertig. Das dynamische Generieren von Webseiten
funktioniert in allen modernen Browsern. Nur ältere Browser - insbesondere ältere Versio-
nen des Internet Explorers - machen hier viel Ärger.

■ ■ 8.8■Das node-Objekt

Kommen wir nun zur Klärung der Hintergründe, die eben schon beim dynamischen Erzeu-
gen einer Webseite relevant waren, wobei diese noch in einem größeren Umfeld gesehen
werden sollten. Wenn Sie im Browser die Webseite als ein strukturiertes Dokument betrach-
ten, steht Ihnen mit dem node -Objekt ein Objekt zur Verfügung, um über dessen Eigen-
schaten und Methoden auf den Elementen im Baum zu navigieren und sogar Teile einer
Webseite zu ergänzen, wie wir es gerade gesehen haben. Um so etwas aber machen zu
können, benötigen Sie einen Knoten, der bereits angesprochen und explizit verwendet
wurde. So einen Knoten liefern sowohl die schon behandelten Methoden getElementById()