Коли користувач уводить в адресний рядок назву сайта, браузер завантажує HTML-сторінку, після чого створює об’єктну модель документа — DOM.
Об’єктна модель документа (англ. Document Object Model, DOM) — це програмний інтерфейс (API) для HTML.
DOM є стандартом, запропонованим веб-консорціумом W3C (World Wide Web Consortium — консорціум Всесвітньої павутини), і регламентує спосіб подання вмісту документа (зокрема веб-сторінки) у вигляді набору об’єктів. DOM надає структуроване уявлення про документ та уможливлює доступ до цієї структури програмам, які можуть змінювати вміст, стиль і структуру документа. Подання DOM складається із структурованої групи вузлів і об’єктів, які мають властивості і методи. Власне, DOM з’єднує веб-сторінку з мовами опису сценаріїв або мовами програмування.
Веб-сторінка — це документ, який може бути поданий як у вікні браузера, так і в самому HTML-коді. У будь-якому випадку, це один і той самий документ. DOM надає інший спосіб подання, зберігання й керування цього документа. Він повністю підтримує об’єктно орієнтоване уявлення веб-сторінки, роблячи можливим її зміну за допомогою мови опису сценаріїв на кшталт JavaScript. DOM подає HTML-теги у вигляді об’єктів із властивостями і методами. У кожного HTML-тега (об’єкта) на HTML-сторінці, завдяки DOM, є своя унікальна адреса. Отримуючи доступ за цією адресою, JavaScript може управляти HTML-тегом.
Таким чином, можна сказати, що DOM — це веб-технологія, що дозволяє керувати HTML-тегами сторінки через мову JavaScript. Зазвичай розрізняють вузли декількох типів:
Більше матеріалу знаходиться в підручнику п.11.15
Запитання для перевірки знань:
Що таке об’єктна модель документа?
Яка організація і чому запропонувала стандарт DOM?
Як можна представити веб-сторінку?
У чому перевага використання DOM? Назвіть типи вузлів.
Як саме можна працювати з веб-документом завдяки DOM?
Увага! Під час роботи з комп'ютером дотримуйтеся вимог безпеки життєдіяльності та санітарно-гігієнічних норм.