Nederlands
Menu

Wat is DOM (Document Object Model)?

Een interface die een HTML- of XML-document weergeeft als een boom waarvan de knooppunten onder meer elementen en tekst zijn, zodat programma's het kunnen lezen en schrijven. De browser parseert HTML om het DOM op te bouwen, en JavaScript zoekt elementen met methoden zoals document.querySelector en verandert hun tekst, attributen en stijlen of voegt elementen toe. Als het DOM verandert, voert de browser waar nodig de berekening van de lay-out en het tekenen opnieuw uit, dus te veel wijzigingen vertragen de weergave.

Japanse benaming: DOM(Document Object Model)

“DOM (Document Object Model)” komt voor in 3 oefenvragen uit 1 onderwerpen, bijv. Basis van webtechnologie.

Vakgebied: Basis van webtechnologie

Nu oefenen: vragen over DOM (Document Object Model)

Welke beschrijving van het DOM (Document Object Model) dat in browsers wordt gebruikt, is juist?

  1. AEen vorm waarin de tabelopbouw van de database van een server wordt omgezet naar HTML-tabellen (table-elementen) om naar de browser te worden verzonden
  2. BEen weergave van een HTML-document als een boom waarvan de knooppunten onder meer elementen zijn, en die JavaScript kan lezen en schrijven
  3. CEen formaat waarin CSS-regels worden gecomprimeerd door witruimte te verwijderen, zodat bestanden kleiner worden en sneller laden
Antwoord en toelichting tonen

Antwoord: B. Een weergave van een HTML-document als een boom waarvan de knooppunten onder meer elementen zijn, en die JavaScript kan lezen en schrijven

De browser parseert HTML en bouwt een boom (de DOM-boom) met het html-element als wortel en onder meer head, body en de alinea's daarin als knooppunten. JavaScript verandert de pagina via het DOM door elementen te zoeken met document.querySelector, tekst en attributen te herschrijven en elementen toe te voegen. Als het DOM verandert, voert de browser waar nodig de berekening van de lay-out en het tekenen opnieuw uit. Het DOM is gestandaardiseerd als een interface voor het bewerken van documenten die niet van een bepaalde programmeertaal afhangt.

“DOM (Document Object Model)” in de toelichting

Vragen met “DOM (Document Object Model)” (3)

  1. Welke beschrijving van het DOM (Document Object Model) dat in browsers wordt gebruikt, is juist?
  2. Bij de verwerking die een browser uitvoert voordat het eerste scherm wordt getoond (het kritieke renderingpad, critical rendering path), laat een <script src="app.js"> zonder attributen in <head> de HTML-parser op dat punt stoppen. Welke beschrijving van het gedrag als aan dit element het attribuut defer wordt toegevoegd, is juist?
  3. Welke beschrijving van een Service Worker is juist?

Verwante termen

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

Naar de woordenlijst