JavaScript HTML DOM

HTML DOM (объектная модель документа)

При загрузке веб-страницы браузер создает Dдокумент. Oобъект Модельстраницы.

Модель HTML DOM представляет собой дерево объектов:

Дерево объектов HTML DOM

Благодаря объектной модели JavaScript получает всю мощь, необходимую для создания динамический HTML:

JavaScript может изменить все элементы HTML на странице.
JavaScript может изменить все атрибуты HTML на странице.
JavaScript может изменить все стили CSS на странице.
JavaScript может удалять существующие элементы и атрибуты HTML.
JavaScript может добавлять новые элементы и атрибуты HTML.
JavaScript может реагировать на все существующие события HTML на странице.
JavaScript может создавать новые события HTML на странице.

Чему вы научитесь

В следующих главах этого урока вы узнаете:

Как изменить содержимое HTML-элементов
Как изменить стиль (CSS) HTML-элементов
Как реагировать на события HTML DOM
Как добавлять и удалять элементы HTML

Что такое ДОМ?

DOM — это стандарт W3C (Консорциум Всемирной паутины).

DOM определяет стандарт доступа к документам:

"Объектная модель документов W3C (DOM) — это платформа и языко-нейтральная модель. интерфейс, который позволяет программам и сценариям динамически получать доступ и обновлять содержание, структура и стиль документа."

Стандарт W3C DOM разделен на три части:

Core DOM — стандартная модель для всех типов документов.
XML DOM — стандартная модель XML-документов.
HTML DOM — стандартная модель HTML-документов.

Что такое HTML DOM?

HTML DOM — это стандартная объектная модель и интерфейс программирования для HTML. Он определяет:

Элементы HTML как объекты
свойства всех элементов HTML.
методы для доступа ко всем элементам HTML.
События для всех элементов HTML.

Другими словами: HTML DOM — это стандарт получения, изменения, добавления или удаления элементов HTML.