С помощью HTML DOM JavaScript может получать доступ ко всем элементам HTML документа и изменять их.
HTML DOM (объектная модель документа)
Если веб - страница загружается, браузер создает Document Object Model страницы.
Модель 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?
DOM - это стандарт консорциума W3C (World Wide Web Консорциума).
DOM определяет стандарт доступа к документам:
"Объектная модель документа W3C (DOM) - это не зависящий от платформы и языка интерфейс, который позволяет программам и сценариям динамически получать доступ и обновлять содержимое, структуру и стиль документа."
Стандарт W3C DOM разделен на 3 части:
- Core DOM - стандартная модель для всех типов документов
- XML DOM - стандартная модель для XML документов
- HTML DOM - стандартная модель для HTML документов
Что такое HTML DOM?
HTML DOM - это стандартная объектная модель и программный интерфейс для HTML. Он определяет:
- HTML элементы как объекты
- В свойствах для всех элементов HTML
- Методы, чтобы получить доступ ко всем HTML элементам
- В событиях для всех элементов HTML
Другими словами: HTML DOM - это стандарт того, как получать, изменять, добавлять или удалять элементы HTML.