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] setAttributesetAttribute
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] replaceNodereplaceNode
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
, undsetAttribute
zur Manipulation des DOM. Zum Beispiel: MitappendChild
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.