5.5 Selbsttest und Zusammenfasssung zum gesamten Kapitel DOM

Welche Aussagen zu DOM sind zutreffend?

[ ] Im DOM gibt es Elementknoten, Attributknoten und Textknoten.
[ ] Das Hauptkonzept des DOM-Baumes sind sogenannte Äste und Blätter.
[ ] Im DOM werden alle Objekte des Dokumentes in einer hierarchischen Baumstruktur dargestellt.
[ ] DOM ist eine Programmierschnittstelle für HTML- und XML-Dokumente.
[ ] Die HTML-Deklaration ist kein Knoten im DOM-Baum, sondern eine separate Information.
[ ] Bei HTML ist das <head>-Element immer ein Kind des Wurzelknotens.

Lösung

[x] Im DOM gibt es Elementknoten, Attributknoten und Textknoten.
[ ] Das Hauptkonzept des DOM-Baumes sind sogenannte Äste und Blätter.
[x] Im DOM werden alle Objekte des Dokumentes in einer hierarchischen Baumstruktur dargestellt.
[x] DOM ist eine Programmierschnittstelle für HTML- und XML-Dokumente.
[ ] Die HTML-Deklaration ist kein Knoten im DOM-Baum, sondern eine separate Information.
[x] Bei HTML ist das <head>-Element immer ein Kind des Wurzelknotens.

Gibt es DOM-Methoden, mit denen ein DOM-Baum verändert werden kann?

[ ] Nein, hierzu verwendet man JavaScript-Methoden.
[ ] Ja, denn DOM ist eine Schnittstelle, die mit JavaScript verwendet wird.
[ ] Ja, denn DOM ist eine API und bietet daher eigene Methoden.

Lösung

[ ] Nein, hierzu verwendet man JavaScript-Methoden.
[x] Ja, denn DOM ist eine Schnittstelle, die mit JavaScript verwendet wird.
[ ] Ja, denn DOM ist eine API und bietet daher eigene Methoden.

Mit welchen DOM-Methoden kann ein DOM-Baum verändert werden?

[ ] appendChild
[ ] insertHere
[ ] appendTree
[ ] createElement
[ ] setAttribute
[ ] deleteAll
[ ] replaceNode

Lösung

[x] appendChild
Die Methode appendChild fügt ein neues Kindelement an einen bestehenden Knoten im DOM-Baum an.
[ ] insertHere
Diese Methode existiert nicht.
[ ] appendTree
Diese Methode existiert ebenfalls nicht.
[x] createElement
Mit createElement erstellen wir ein neues DOM-Element.
[x] setAttribute
setAttribute wird verwendet, um einem Element ein neues Attribut hinzuzufügen oder ein bestehendes zu ändern.
[ ] deleteAll
Diese Methode ist nicht Teil der DOM-API.
[x] replaceNode
replaceNode ersetzt ein bestehendes DOM-Element durch ein neues Element.

Wie kann ein Element im DOM ausgewählt werden?

[ ] Mit der Methode selectElementById.
[ ] Mit der Methode getElementById.
[ ] Durch direkten Zugriff auf die Baumstruktur ohne Methoden.

Lösung

[ ] Mit der Methode selectElementById.
Diese Methode existiert nicht.
[x] Mit der Methode getElementById.
Die Methode getElementById wird verwendet, um ein Element mit einer bestimmten ID im DOM auszuwählen.
[ ] Durch direkten Zugriff auf die Baumstruktur ohne Methoden.
Ein Zugriff ohne Methoden ist nicht möglich.

Welche Eigenschaft liefert den Namen eines Knotens?

[ ] nodeName
[ ] nodeValue
[ ] nodeType

Lösung

[x] nodeName
nodeName gibt den Namen des Knotens zurück, z. B. "DIV" für ein <div>-Element.
[ ] nodeValue
nodeValue gibt den Wert des Knotens zurück, nicht den Namen.
[ ] nodeType
nodeType gibt den Knotentyp (z. B. Element oder Text) zurück, nicht den Namen.

Welche Aufgabe hat der Wurzelknoten im DOM?

[ ] Der Wurzelknoten enthält nur Metadaten über das HTML-Dokument.
[ ] Der Wurzelknoten ist das <head>-Element im DOM.
[ ] Der Wurzelknoten bildet die Grundlage des gesamten DOM-Baumes.

Lösung

[ ] Der Wurzelknoten enthält nur Metadaten über das HTML-Dokument.
[ ] Der Wurzelknoten ist das <head>-Element im DOM.
[x] Der Wurzelknoten bildet die Grundlage des gesamten DOM-Baumes.
Der Wurzelknoten (typischerweise das <html>-Element) ist der Ausgangspunkt aller Knoten im DOM.

Zusammenfassung Kapitel DOM

  • Wir können erklären, wozu DOM benutzt werden kann.

  • Wir kennen den Zusammenhang von HTML, JavaScript und DOM.

  • Wir wissen, wie ein DOM-Baum gezeichnet wird.

  • Wir wissen etwas über das Grundprinzip von DOM und wie es in JavaScript verwendet wird.

  • Wir kennen die Methoden appendChild, createElement, und setAttribute zur Manipulation des DOM. Zum Beispiel: Mit appendChild kann ein neues <li>-Element an eine bestehende Liste hinzugefügt werden.

  • Wir wissen, dass DOM-Knoten in Element-, Attribut- und Textknoten unterteilt sind. Diese Struktur ermöglicht den Zugriff auf Eltern-, Kinder- und Geschwisterknoten.

  • Wir verstehen, dass die HTML-Deklaration keine Teil des DOM-Baumes ist, sondern lediglich Metadaten enthält, die der Browser interpretiert.