Czym jest DOM
Po załadowaniu HTML przeglądarka buduje drzewo obiektów reprezentujących elementy strony. To właśnie DOM. JavaScript może odwoływać się do tych elementów, zmieniać ich treść, style, atrybuty i reagować na zdarzenia użytkownika.
Przykłady operacji na DOM
- zmiana tekstu przycisku po kliknięciu,
- dodanie klasy CSS do elementu,
- tworzenie nowych sekcji dynamicznie przez JavaScript,
- obsługa formularzy i ich walidacji po stronie klienta.
DOM a wydajność
Bardzo częste lub ciężkie operacje na DOM mogą pogarszać płynność interfejsu i wskaźniki takie jak INP. Dlatego nowoczesne interfejsy starają się minimalizować liczbę niepotrzebnych zmian w drzewie dokumentu.