Grundlagen der Webtechnologien

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.

Dieses Thema üben Zur Themenseite

Weitere Fragen zu Grundlagen der Webtechnologien

  1. Wie breit ist das mit dem obigen CSS gestaltete Element von der Außenkante des linken Rahmens bis zur Außenkante des rechten Rahmens?
  2. Es gibt keine weiteren Stilangaben. Welche Farbe hat der Text „Hello“ im obigen HTML?
  3. 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?
  4. In welcher Reihenfolge erscheinen die Zeichen in der Konsole, wenn das obige JavaScript im Browser ausgeführt wird?
  5. Welche URL hat nach der Same-Origin-Policy des Browsers denselben Ursprung wie https://www.example.com/app/index.html?