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