- Головна
- 10-11 клас
- 1.2 Вебпрограмування
- Об’єктна модель документа (DOM)
Об’єктна модель документа (DOM)
Об’єктна модель документа (DOM) дає змогу визначати елементи вебсторінки, яких стосується певний JS-код.
Завдяки DOM можна визначати структуру HTML-документа.
Розглянемо HTML-код, щоб зрозуміти структуру дерева DOM:
- документ <!DOCTYPE html> є кореневим вузлом, який містить один дочірній вузол — <html>;
- елемент <html> містить два дочірні елементи — <head> і <body>;
- обидва елементи, <head> і <body>, мають власних дітей. Дочірній елемент <head> — це <title>, дочірні елементи <body> — це <h1> та <h2>.
- Усі вузли зв’язані між собою відношеннями «батьки — діти».
DOM — це стандартна об’єктна модель, яка визначає:
- елементи HTML;
- властивості всіх елементів HTML;
- методи (функції об’єкта) доступу до всіх елементів HTML;
- події для всіх елементів HTML.
