DOM, eller Document Object Model, er den model, som en browser bruger til at repræsentere indholdet på en webside. I praksis bliver HTML eller XML oversat til en struktur af objekter, ofte beskrevet som et træ, hvor hvert element, tekststykke og attribut har sin egen plads. Det gør det muligt for programmer, især JavaScript, at læse, ændre og reagere på sidens indhold.
Hvordan DOM fungerer
Når en browser indlæser en webside, opbygger den en intern model af dokumentet. Et overskriftselement kan for eksempel være et overordnet punkt, mens afsnit, links og billeder ligger som underordnede noder. Denne struktur kaldes et dokumenttræ.
DOM gør det muligt at finde bestemte dele af siden og ændre dem uden at genindlæse hele siden. Et script kan for eksempel opdatere en overskrift, skjule en menu eller indsætte nye kommentarer, når en bruger klikker på en knap. Det er derfor centralt i moderne, interaktive websites, hvor indhold ofte ændrer sig løbende.
Hvorfor DOM er vigtigt i praksis
For webudviklere er DOM bindeleddet mellem sidens kode og brugerens oplevelse. Hvis en netbutik opdaterer indkøbskurven med det samme, eller hvis en nyhedsartikel viser flere afsnit uden at åbne en ny side, sker det typisk ved at manipulere DOM. Også tilgængelighed, formularvalidering og animationer bygger ofte på ændringer i dokumentets struktur.