JavaScript HTML DOM

С помощью HTML DOM JavaScript может получать доступ ко всем элементам HTML-документа и изменять их.

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

Когда веб-страница загружается, браузер создает объектную модель документа страницы .

Модель 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 (World Wide Web Consortium).

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.