DOM

DOM (Document Object Model) to wewnętrzny model strony internetowej w przeglądarce: każdy nagłówek, akapit, obraz i kontener staje się węzłem w drzewie, które przeglądarka tworzy na podstawie kodu HTML strony.

Skrypty i style działają poprzez odczytywanie i zmienianie tego drzewa. Gdy JavaScript wstawia element menu lub CSS ukrywa panel, oba odnoszą się do DOM — a nie do oryginalnego pliku HTML na dysku. Duży lub głęboko zagnieżdżony DOM oznacza więcej pracy przy każdej aktualizacji, dlatego rozmiar DOM pojawia się w ustaleniach dotyczących wydajności.

Na podstawie DOM przeglądarka tworzy również drzewo dostępności: uproszczony widok używany przez technologie wspomagające. Jeśli element jest tam nieobecny lub nieprawidłowo nazwany, czytnik ekranu nie może przedstawić go poprawnie, niezależnie od wyglądu strony.

Dowiedz się więcej

• Standard DOM — specyfikacja WHATWG
• Wprowadzenie do DOM (MDN) — przystępne omówienie
• Drzewo dostępności