En introduktion til DOM

• April 29, 2024

DOM er et akronym for Document Object Model. Det er en måde at se HTML på, som gør det muligt for webstedsudviklere at oprette funktioner og manipulere koden på måder, der ellers ville være umulige.

Der er tre grundlæggende typer DOM; kerne-DOM, som kan bruges til at definere ethvert dokument uanset type; XML DOM, der bruges sammen med XML-dokumenter, og HTML DOM. Denne sidste type er den vigtigste og mest nyttige for HTML-udviklere, så det er den DOM, denne artikel vil udforske.

HTML DOM opdeler en HTML-side op i noder. Disse noder er alle forbundet med hinanden med underordnede noder faldende fra deres overordnede noder og fra rodnoden øverst i et trælignende layout. Hvad der gør DOM så vigtig og nyttig for HTML-udviklere er, at denne definition gør enhver del af siden adskilt og lokaliserer den i forhold til alle andre dele, så det er let at designe kode, der refererer til den bestemte sektion og kun påvirker den del . Dette gør for eksempel HTML DOM vigtig for Javascript-programmering, da det giver en måde for et Javascript-program at bruge HTML-elementer direkte. Uden DOM er det umuligt for et Javascript-program dynamisk at få adgang til indholdet på en webside. Som et eksempel kunne du ved hjælp af DOM-metoder skrive et program, der ændrer teksten i et bestemt HTML-element, hvis der forekommer en bestemt begivenhed (f.eks. En besøgende klikker på en knap på siden).

Som du allerede ved, er en HTML-side sammensat af forskellige elementer som denne:



Eksempel på HTML-side

Dette er et eksempel på en grundlæggende HTML-side.

Med DOM er hvert element (alt mellem et sæt tags, f.eks.) En knude. Noden kaldes rodnoden og er den mest basale; det har to underordnede knudepunkter, noden og noden. I ovenstående eksempel er noden barnet af noden og

noden er nodenes barn.

En webudvikler kan bruge og ændre DOM ved hjælp af visse kommandoer. Disse kommandoer er opdelt i egenskaber (som beskriver en del af HTML-siden) og metoder (som gør noget for den del af siden).

For detaljer om, hvordan du bruger HTML DOM, se den næste artikel, "Arbejde med DOM", som vil blive sendt i næste uge.

Video Instruktioner: Introduktion til Hjallerup Bibelcamping (April 2024).