English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Документо-объектная модель, обычно называемыйDOM, являющийся важной частью взаимодействия веб-сайта.
Документо-объектная модельЭто HTML-документ, отображаемый в окне.
Это интерфейс, который позволяет JavaScript обрабатывать содержимое, структуру и стиль веб-сайта.
После загрузки веб-страницы браузер создаетДокументо-объектная модель.
HTML DOMдерево, построенное модельюобъекты.
Ниже приведен пример, объясняющий, что такое DOM:
<html> <head> <title>Пример</title> </head> <h1>Примерная страница</h1> <p>Это примерная страница</p> </html>
DOM-представление вышеупомянутого кода следующее:
HTML DOM является стандартом HTMLобъектымодели иинтерфейс программирования. Оно определяет:
HTML-элементы в качествеобъекты
всех HTML-элементовсвойства
доступа ко всем HTML-элементамметоды
всех HTML-элементовСобытия
Иначе говоря:HTML DOM - это стандарт для получения, изменения, добавления или удаления элементов HTML.
Через объектную модель JavaScript получил все функции, необходимые для создания динамического HTML:
JavaScript может изменять все элементы HTML на странице
JavaScript может изменять все свойства HTML на странице
JavaScript может изменять все CSS-стили на странице
JavaScript может удалять существующие HTML-элементы и атрибуты
JavaScript может добавлять новые HTML-элементы и атрибуты
JavaScript может реагировать на все существующие HTML-события на странице
JavaScript может создавать новые HTML-события на странице
В следующей главе этого руководства вы узнаете:
Как найти HTML-элемент
Как изменить содержимое HTML-элемента
Как добавить и удалить HTML-элементы
Как изменить стиль HTML-элемента (CSS)
Как добавить и удалить атрибуты HTML
Как просматривать дерево DOM