DOM

DOM - об'єктна модель документа (Document Object Model).

DOM це зовсім інше представлення веб-сторінки ніж HTML код.

Браузер по вказаній URL адресій відправляє запит і отримує (завантажує) з сервера веб-сторінку у вигляді HTML коду, який часто називається вихідний код сторінки. І якщо у коді вказані інші файли такі як стилі css, js - то завантажує і їх.

І уже з завантаженого з сервера HTML коду браузер формує документ - DOM.

Браузер створює DOM для того щоб відобразити веб-сторіну на екрані.

Вигляд DOM документа можна глянути у панелі розробника в браузері.

DOM схожий на вихідний код HTML але не є ним, а лише формується з нього.

Браузер автоматично виправляє помилки якщо вони є у HTML коді. Тобто закриває не закриті теги HTML, вставляж обов'язкові теги якщо вони опущені.


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

HTML коментар

<!-- коментар html -->
для браузера це також вузол.

DOM підтримує об'єктно орієнтоване представлення веб-сторінки і дозволяє змінювати документ веб-сторінки за допомогою JavaScript.

Для роботи з DOM у JavaScript є об'єкт document, який дозволяє:

У JavaScript для роботи з DOM є об'єкт document, який містить методи і властивості для роботи з документом.

Методи і властивості для роботи з DOM

JavaScript дозволяє на етапі форматування документу додавати до нього дані за допомогою методів document.write() і document.writeln().