DOM
To skrót od „Document Object Model”.
DOM to interfejs programistyczny służący do uzyskiwania dostępu do zawartości stron internetowych i dokumentów XML oraz jej modyfikowania. Definiuje logiczną strukturę dokumentu, traktując go jak drzewo, w którym każdy węzeł rozgałęzienia reprezentuje poszczególne elementy. Programy i skrypty mogą uzyskiwać dostęp do DOM-u, aby odczytywać i modyfikować strukturę, zawartość oraz styl dokumentu.
DOM organizuje strukturę plików HTML i XML w hierarchii obiektów nazywanych „węzłami”. U jej podstawy znajduje się węzeł Document, który reprezentuje cały dokument. Następne są węzły Element, reprezentujące poszczególne znaczniki HTML lub XML. Węzły Element również tworzą hierarchię, ponieważ są zagnieżdżone. Na przykład węzeł <html> znajduje się najbliżej korzenia dokumentu i zawiera zarówno węzeł <head>, jak i <body>, a każdy z nich zawiera węzły podrzędne, takie jak elementy <div> i <p>.
Każdy węzeł elementu w DOM zawiera kilka węzłów atrybutów, które modyfikują jego właściwości. Na przykład węzeł elementu <img> może zawierać węzły atrybutów src, alt, width i height, dzięki którym kod JavaScript może modyfikować dowolny z tych atrybutów. Wreszcie węzły tekstowe zawierają tekst znajdujący się w każdym elemencie, tworząc zawartość dokumentu. Węzły tekstowe są liśćmi drzewa i nie mają za sobą kolejnych poziomów.
Używanie języka JavaScript (lub innych języków skryptowych) do uzyskiwania dostępu do DOM-u strony pozwala tworzyć dynamiczne i interaktywne strony internetowe. Na przykład procedury obsługi zdarzeń przypisane do węzłów mogą oczekiwać na interakcje użytkownika, takie jak kliknięcia myszą lub wprowadzanie danych z klawiatury, a następnie odpowiednio modyfikować zawartość strony. Zdarzenia JavaScript mogą używać DOM-u do usuwania istniejących węzłów i dodawania nowych. Skrypty mogą pobierać dane z bazy danych na serwerze i używać DOM-u do wstawiania tych danych do określonych elementów tekstowych. Skrypty mogą również używać DOM-u do modyfikowania właściwości CSS elementów oraz zmieniania wyglądu i układu dokumentu.
Sprawdź swoją wiedzę