Deutsch
Menü

Was ist DOM (Document Object Model)?

Schnittstelle, die ein HTML- oder XML-Dokument als Baum darstellt, dessen Knoten Elemente, Text und Ähnliches sind, sodass Programme es lesen und schreiben können. Der Browser parst das HTML und baut daraus das DOM auf; JavaScript sucht Elemente etwa mit document.querySelector und ändert deren Text, Attribute und Stile oder fügt Elemente hinzu. Ändert sich das DOM, berechnet der Browser bei Bedarf das Layout neu und zeichnet erneut; zu viele Änderungen verlangsamen daher die Anzeige.

Japanische Bezeichnung: DOM(Document Object Model)

„DOM (Document Object Model)“ kommt in 3 Übungsfragen aus 1 Themen vor, z. B. Grundlagen der Webtechnologien.

Fachgebiet: Grundlagen der Webtechnologien

Jetzt üben: Fragen zu DOM (Document Object Model)

Welche Aussage über das in Browsern verwendete DOM (Document Object Model) ist richtig?

  1. AEine Form, in die die Tabellenstruktur einer Datenbank auf dem Server als HTML-Tabelle (table-Element) umgewandelt wird, um sie an den Browser zu senden
  2. BEine Darstellung eines HTML-Dokuments als Baum, dessen Knoten Elemente und Ähnliches sind; JavaScript kann sie lesen und schreiben
  3. CEin Format, in dem CSS-Regeln durch Entfernen von Leerraum komprimiert werden, damit die Dateien kleiner werden und schneller laden
Antwort und Erläuterung anzeigen

Antwort: B. Eine Darstellung eines HTML-Dokuments als Baum, dessen Knoten Elemente und Ähnliches sind; JavaScript kann sie lesen und schreiben

Der Browser parst das HTML und baut eine Baumstruktur (den DOM-Baum) auf, deren Wurzel das html-Element ist und deren Knoten unter anderem head, body und die darin enthaltenen Absätze sind. JavaScript verändert die Seite über das DOM, indem es Elemente mit document.querySelector sucht, Texte und Attribute ändert oder Elemente hinzufügt. Ändert sich das DOM, berechnet der Browser bei Bedarf das Layout neu und zeichnet erneut. Das DOM ist als Schnittstelle zum Bearbeiten von Dokumenten standardisiert, die von keiner bestimmten Programmiersprache abhängt.

„DOM (Document Object Model)“ in den Erläuterungen

Fragen mit „DOM (Document Object Model)“ (3)

  1. Welche Aussage über das in Browsern verwendete DOM (Document Object Model) ist richtig?
  2. Bei der Verarbeitung, die ein Browser bis zur Anzeige des ersten Bildschirms ausführt (dem kritischen Rendering-Pfad), hält ein ohne Attribute in <head> geschriebenes <script src="app.js"> das Parsen des HTML an dieser Stelle an. Wie verhält sich das Element, wenn es das Attribut defer erhält?
  3. Welche Aussage über einen Service Worker ist richtig?

Verwandte Begriffe

Cookie (HTTP-Cookie) CORS (Cross-Origin Resource Sharing) Event Loop HTTP (Hypertext Transfer Protocol) HTTP-Methode HTTP-Statuscode JSON (JavaScript Object Notation) JWT (JSON Web Token) OAuth REST-API

Zur Glossarübersicht