JavaScript HTML DOM
Gennem HTML DOM kan JavaScript få adgang til og ændre alle elementer i HTML-dokumentet.
HTML DOM（dokumentobjektmodel）
Når en webside indlæses, opretter browseren dokumentobjektmodellen (DOM) for sidenDocument Object Model）。
HTML DOM Modellen struktureres somObjekttræ:
Objektets HTML DOM-træ
Gennem denne objektmodel får JavaScript alle muligheder til at skabe dynamisk HTML:
- JavaScript kan ændre alle HTML-elementer på siden
- JavaScript kan ændre alle HTML-egenskaber på siden
- JavaScript kan ændre alle CSS-stilarter på siden
- JavaScript kan slette eksisterende HTML-elementer og egenskaber
- JavaScript kan tilføje nye HTML-elementer og egenskaber
- JavaScript kan reagere på alle eksisterende HTML-hændelser på siden
- JavaScript kan oprette nye HTML-hændelser på siden
Hvad vil du lære
I de følgende kapitler af denne vejledning vil du lære:
- Hvordan ændre indholdet af HTML-elementer
- Hvordan ændrer man stilen på HTML-elementer (CSS)
- Hvordan reagerer man på HTML DOM-begivenheder
- Hvordan tilføjer og sletter man HTML-elementer
Hvad er DOM?
DOM er en W3C (World Wide Web Consortium) standard.
DOM definerer standarder for adgang til dokumentet:
“W3C Dokumentobjektmodel (DOM) er et platformuafhængigt og sprogneutralt grænseflade, der muliggør programmer og skript for at dynamisk få adgang til, opdatere indholdet, strukturen og stilen i dokumenter.”
W3C DOM-standarden er opdelt i 3 forskellige dele:
- Core DOM - standardmodellen for alle dokumenttyper
- XML DOM - XML-dokumentets standardmodel
- HTML DOM - HTML-dokumentets standardmodel
Hvad er HTML DOM?
HTML DOM er en standard for HTMLobjektermodeller ogprogrammeringsgrænseflader。Det definerer:
- somobjekterHTML-elementers
- alle HTML-elementersegenskaber
- adgang til alle HTML-elementersmetoder
- alle HTML-elementersBegivenheder
Det vil sige: HTML DOM er en standard for, hvordan man henter, ændrer, tilføjer eller sletter HTML-elementer。
