Een inleiding tot de DOM

• Mei 15, 2024

DOM is een acroniem voor Document Object Model. Het is een manier om naar HTML te kijken waarmee websiteontwikkelaars functies kunnen maken en de code kunnen manipuleren op manieren die anders onmogelijk zouden zijn.

Er zijn drie basistypen DOM; de kern-DOM, die kan worden gebruikt om elk document te definiëren, ongeacht het type; de XML DOM, die wordt gebruikt met XML-documenten, en de HTML DOM. Dit laatste type is het belangrijkste en handig voor HTML-ontwikkelaars, dus dat is de DOM die dit artikel zal onderzoeken.

De HTML DOM verdeelt een HTML-pagina in knooppunten. Deze knooppunten zijn allemaal met elkaar verbonden, met onderliggende knooppunten die afdalen van hun bovenliggende knooppunten en van het hoofdknooppunt bovenaan, in een boomachtige lay-out. Wat de DOM zo belangrijk en nuttig maakt voor HTML-ontwikkelaars, is dat deze definitie elk deel van de pagina onderscheidt en lokaliseert ten opzichte van alle andere delen, zodat het eenvoudig is om code te ontwerpen die naar die specifieke sectie verwijst en alleen dat deel beïnvloedt . Dit maakt de HTML DOM bijvoorbeeld van vitaal belang voor Javascript-programmering, omdat het een manier biedt voor een Javascript-programma om HTML-elementen rechtstreeks te gebruiken. Zonder de DOM is het voor een Javascript-programma onmogelijk om dynamisch toegang te krijgen tot de inhoud van een webpagina. Als een voorbeeld, met behulp van DOM-methoden kunt u een programma schrijven dat de tekst in een bepaald HTML-element wijzigt als er een specifieke gebeurtenis plaatsvindt (bijvoorbeeld wanneer een bezoeker op een knop op de pagina klikt).

Zoals u al weet, bestaat een HTML-pagina uit verschillende elementen zoals deze:



Voorbeeld van HTML-pagina

Dit is een voorbeeld van een eenvoudige HTML-pagina.

Met de DOM is elk element (alles tussen één set tags, zoals) een knooppunt. De knoop wordt de root-knoop genoemd en is de meest basale; het heeft twee onderliggende knooppunten, het knooppunt en het knooppunt. In het bovenstaande voorbeeld is de knoop het kind van de knoop en de

knoop is het kind van de knoop.

Een webontwikkelaar kan de DOM gebruiken en wijzigen door bepaalde opdrachten te gebruiken. Deze opdrachten zijn verdeeld in eigenschappen (die een gedeelte van de HTML-pagina beschrijven) en methoden (die iets aan dat gedeelte van de pagina doen).

Zie het volgende artikel 'Werken met de DOM' dat volgende week wordt gepubliceerd voor meer informatie over het gebruik van de HTML DOM.

Video-Instructies: Buying Used Things (Mei 2024).