Основы DOM онлайн урок.


DOM (Document Object Model) - объектная модель документа. Некоторый программный интерфейс, с помощью которого скрипты (программы) могут взаимодействовать с содержимым документов, которые созданы при помощи языка разметки (HTML, XML, XHTML). Рассмотрим HTML DOM.

HTML DOM - это некоторое формальное представление содержимого веб-страницы в виде дерева. Данное представление использует объекты (элементы), с которыми, в свою очередь, взаимодействует клиентский язык программирования (например, JavaScript). Составляющие объектной модели документа называются вершинами.

Например, сам веб-документ - это вершина и все элементы документа - это дочерние вершины документа, которые имеют другие дочерние вершины и т.д. Таким образом веб-документ может быть представлен в виде дерева. Это и есть HTML DOM.

Используя такую структуру, очень удобно влиять на элементы странички посредством объектно-ориентированных языков программирования, в частности JavaScript.

Рассмотрим пример. Пусть дана страничка со следующим исходным кодом:



соответствующая структура дерева в HTML DOM будет выглядеть следующим образом

DOM HTML

HTML DOM объекты состоят из:
- Свойств
- Методов доступа
- Событий

Свойство - это определенный параметр объекта, который имеет точное значение (например, атрибут тега).

Метод доступа - это специальная функция, которая обеспечивает взаимодействие с объектом.

Событие - это любое "действие", которое может быть реализовано по отношению к странице, например, клик элемента или перемещение указателя на элемент и т. д.