Обкладинка нотатки: Яку ієрархію має DOM (Document Object Model)?

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

Зміст дописунатисність на посилання, щоб перейти до потрібного місця
Ієрархія 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 і листям на рівні текстових вузлів або коментарів.

🔗 Цитувати допис: "Яку ієрархію має DOM (Document Object Model)?"

Якщо ви хочете процитувати цей допис у своїй роботі, статті, блозі, використовуйте наведену нижче інформацію.

Розгорнути деталі


🙌 Підтримати блог @memecode

Ви можете поширити цей допис у соцмережах, чим допоможете платформі цейво розвиватись (* ^ ω ^)

📝 Більше публікацій:
Обкладинка нотатки: Що таке .gitignore? Для чого потрібен та як використовувати
Обкладинка нотатки: Як видалити файл .DS_Store з Git репозиторію?
Обкладинка нотатки: Що таке ідемпотентний метод?
Обкладинка нотатки: Що таке репозиторій?
Обкладинка нотатки: Що таке коміт (commit) у контексті програмування та SCM / Git?
Обкладинка нотатки: Що таке SCM (Source Control Management)?
Обкладинка нотатки: Як працює модель штучного інтелекту?
Дисклеймер

Інформація на сайті tseivo.com є суб'єктивною та відображає особисті погляди та досвід авторів та авторок блогів.

Використовуйте цей ресурс як одне з декількох джерел інформації під час своїх досліджень та прийняття рішень. Завжди застосовуйте критичне мислення. Людина сама несе відповідальність за свої рішення та дії.