Ієрархія DOM (Document Object Model) складається з об'єктів, які представляють структуру HTML або XML документа у вигляді дерева. Про те що таке DOM трохи детальніше описано тут. А зараз розглянемо основні рівні ієрархії DOM:
Document
Кореневий об'єкт, який представляє сам документ. Він містить усі інші об'єкти DOM і є точкою входу для доступу до інших елементів.
Element
Вузли, які представляють теги HTML (наприклад, <div>, <p>, <a>). Елементи можуть мати атрибути, текстовий вміст і вкладені елементи.
Attribute
Атрибути, які зберігають додаткову інформацію про елементи. Наприклад, атрибут class, id, href тощо.
Text
Вузли, які представляють текстовий вміст елемента. Вони є дочірніми для елементів, але не можуть мати своїх дочірніх елементів.
Comment
Вузли, які представляють коментарі в HTML або XML документі.
DocumentFragment
Використовується для створення та маніпулювання групою вузлів без впливу на реальний документ до тих пір, поки ці вузли не будуть додані до документа.
Node
Загальний клас для всіх вузлів у DOM. Інші вузли, такі як Element, Text, і Comment, є підтипами Node.
DOM ієрархія працює як дерево, де кожен елемент є вузлом (node), і кожен вузол може мати дочірні вузли, утворюючи структуру подібну до дерева з коренем у Document і листям на рівні текстових вузлів або коментарів.
