JavaScript HTML DOM
Met de HTML DOM kan JavaScript alle elementen van een HTML-document openen en wijzigen.
De HTML DOM (Document Object Model)
Wanneer een webpagina wordt geladen, maakt de browser een documentobjectmodel van de pagina .
Het HTML DOM -model is opgebouwd als een boom met objecten :
De HTML DOM-structuur van objecten
Met het objectmodel krijgt JavaScript alle kracht die het nodig heeft om dynamische HTML te maken:
- JavaScript kan alle HTML-elementen op de pagina wijzigen
- JavaScript kan alle HTML-kenmerken op de pagina wijzigen
- JavaScript kan alle CSS-stijlen op de pagina wijzigen
- JavaScript kan bestaande HTML-elementen en attributen verwijderen
- JavaScript kan nieuwe HTML-elementen en attributen toevoegen
- JavaScript kan reageren op alle bestaande HTML-gebeurtenissen op de pagina
- JavaScript kan nieuwe HTML-gebeurtenissen op de pagina maken
Wat je gaat leren
In de volgende hoofdstukken van deze tutorial leer je:
- De inhoud van HTML-elementen wijzigen
- De stijl (CSS) van HTML-elementen wijzigen
- Hoe te reageren op HTML DOM-gebeurtenissen
- Hoe HTML-elementen toe te voegen en te verwijderen
Wat is de DOM?
De DOM is een W3C-standaard (World Wide Web Consortium).
De DOM definieert een standaard voor toegang tot documenten:
"Het W3C Document Object Model (DOM) is een platform- en taalneutrale interface waarmee programma's en scripts dynamisch toegang hebben tot de inhoud, structuur en stijl van een document en deze kunnen bijwerken."
De W3C DOM-standaard is opgedeeld in 3 verschillende delen:
- Core DOM - standaardmodel voor alle documenttypen
- XML DOM - standaardmodel voor XML-documenten
- HTML DOM - standaardmodel voor HTML-documenten
Wat is de HTML-DOM?
De HTML DOM is een standaard objectmodel en programmeerinterface voor HTML. Het definieert:
- De HTML-elementen als objecten
- De eigenschappen van alle HTML-elementen
- De methoden om toegang te krijgen tot alle HTML-elementen
- De gebeurtenissen voor alle HTML-elementen
Met andere woorden: de HTML DOM is een standaard voor het verkrijgen, wijzigen, toevoegen of verwijderen van HTML-elementen.