DOM

DOM:en (Document Object Model) är webbläsarens interna modell av en webbsida: varje rubrik, stycke, bild och behållare blir en nod i ett träd som webbläsaren bygger utifrån sidans HTML.

Skript och stilar fungerar genom att läsa och ändra det trädet. När JavaScript lägger till ett menyalternativ eller CSS döljer en panel pratar båda med DOM:en - inte med den ursprungliga HTML-filen på disken. En stor eller djupt nästlad DOM innebär mer arbete vid varje uppdatering, vilket är varför DOM-storlek ofta dyker upp i prestandagranskningar.

Utifrån DOM:en bygger webbläsaren också tillgänglighetsträdet: en förenklad vy som hjälpmedelsteknik använder. Om ett element saknas där eller är felnamngivet kan en skärmläsare inte presentera det korrekt, oavsett hur sidan ser ut.

Läs mer

• DOM-standarden - WHATWG-specifikationen
• Introduktion till DOM:en (MDN) - en lättillgänglig översikt
• Tillgänglighetsträd