Яку ієрархію має DOM (Document Object Model)?

Ієрархія DOM (Document Object Model) складається з об'єктів, які представляють структуру HTML або XML документа у вигляді дерева. Про те що таке DOM трохи детальніше описано тут. А зараз розглянемо основні рівні ієрархії DOM:

Кореневий об'єкт, який представляє сам документ. Він містить усі інші об'єкти DOM і є точкою входу для доступу до інших елементів.

Вузли, які представляють теги HTML (наприклад, <div>, <p>, <a>). Елементи можуть мати атрибути, текстовий вміст і вкладені елементи.

Атрибути, які зберігають додаткову інформацію про елементи. Наприклад, атрибут class, id, href тощо.

Вузли, які представляють текстовий вміст елемента. Вони є дочірніми для елементів, але не можуть мати своїх дочірніх елементів.

Вузли, які представляють коментарі в HTML або XML документі.

Використовується для створення та маніпулювання групою вузлів без впливу на реальний документ до тих пір, поки ці вузли не будуть додані до документа.

Загальний клас для всіх вузлів у DOM. Інші вузли, такі як Element, Text, і Comment, є підтипами Node.

DOM ієрархія працює як дерево, де кожен елемент є вузлом (node), і кожен вузол може мати дочірні вузли, утворюючи структуру подібну до дерева з коренем у Document і листям на рівні текстових вузлів або коментарів.