JavaScript HTML DOM
Indholdsfortegnelse
Med HTML DOM kan JavaScript få adgang til og ændre alle elementer i en HTML dokument.
HTML DOM (Document Object Model)
Når en webside indlæses, opretter browseren et Dokument Object Model af siden.
HTML DOM-modellen er konstrueret som et træ af Objekter:
HTML DOM-træet af objekter
Med objektmodellen får JavaScript al den kraft, det skal bruge til at skabe dynamisk HTML:
JavaScript kan ændre alle HTML-elementerne på siden
JavaScript kan ændre alle HTML-attributter på siden
JavaScript kan ændre alle CSS-stilene på siden
JavaScript kan fjerne eksisterende HTML-elementer og attributter
JavaScript kan tilføje nye HTML-elementer og attributter
JavaScript kan reagere på alle eksisterende HTML-hændelser på siden
JavaScript kan oprette nye HTML-begivenheder på siden
Hvad du vil lære
I de næste kapitler af denne tutorial lærer du:
Sådan ændres indholdet af HTML-elementer
Sådan ændres stilen (CSS) af HTML-elementer
Sådan reagerer du på HTML DOM-hændelser
Sådan tilføjer og sletter du HTML-elementer
Hvad er DOM?
DOM er en W3C (World Wide Web Consortium) standard.
DOM definerer en standard for adgang til dokumenter:
"W3C Document Object Model (DOM) er en platform og sprogneutral grænseflade, der tillader programmer og scripts dynamisk at få adgang til og opdatere indhold, struktur og stil af et dokument."
W3C DOM-standarden er opdelt i 3 forskellige dele:
Core DOM - standardmodel for alle dokumenttyper
XML DOM - standardmodel for XML-dokumenter
HTML DOM - standardmodel for HTML-dokumenter
Hvad er HTML DOM?
HTML DOM er en standard objekt model og programmeringsgrænsefladetil HTML. Den definerer:
HTML-elementerne som objekter
egenskaberne for alle HTML-elementer
metoderne til at få adgang til alle HTML-elementer
begivenhederne for alle HTML-elementer
Med andre ord: HTML DOM er en standard for, hvordan man henter, ændrer, tilføjer eller sletter HTML-elementer.