Hierarchia DOM (Document Object Model) składa się z obiektów, które reprezentują strukturę dokumentu HTML lub XML w postaci drzewa. O tym, czym jest DOM, nieco dokładniej opisano tutaj. A teraz przyjrzyjmy się głównym poziomom hierarchii DOM:

Obiekt główny, który reprezentuje sam dokument. Zawiera wszystkie inne obiekty DOM i jest punktem wejścia do dostępu do innych elementów.

Węzły, które reprezentują tagi HTML (na przykład <div>, <p>, <a>). Elementy mogą mieć atrybuty, zawartość tekstową i zagnieżdżone elementy.

Atrybuty, które przechowują dodatkowe informacje o elementach. Na przykład atrybut class, id, href itd.

Węzły, które reprezentują zawartość tekstową elementu. Są one dziećmi elementów, ale nie mogą mieć swoich dzieci.

Węzły, które reprezentują komentarze w dokumencie HTML lub XML.

Używany do tworzenia i manipulowania grupą węzłów bez wpływu na rzeczywisty dokument, dopóki te węzły nie zostaną dodane do dokumentu.

Ogólna klasa dla wszystkich węzłów w DOM. Inne węzły, takie jak Element, Tekst i Komentarz, są podtypami Węzła.

Hierarchia DOM działa jak drzewo, gdzie każdy element jest węzłem (node), a każdy węzeł może mieć węzły potomne, tworząc strukturę podobną do drzewa z korzeniem w Dokumencie i liśćmi na poziomie węzłów tekstowych lub komentarzy.