3.5. Объектная модель документа
Объектная модель документа (Document Object Model — DOM) связывает в единое целое HTML, язык сценариев и каскадные таблицы стилей, предоставляя разработчикам Web-документов инструмент с совершенно новыми качествами - динамический HTML. DOM является интерфейсом прикладного программирования (API) для документов HTML. Она определяет логическую структуру документа и способ доступа и манипулирования составляющими документ элементами. Все, что определено в документе тэгами языка разметки страниц, становится доступным для изменения, удаления и добавления. Программист может создавать документы, свободно перемещаться по их структуре и добавлять, изменять или удалять элементы и/или их содержимое.
Internet Explorer 5.0 полностью реализует объектную модель документа, совместимую с объектной моделью DHTML.
3.5.1. Структура документа
В объектной модели документа любой документ представляется в виде логической древовидной структуры.
Например, следующий фрагмент документа HTML:
<body>
<p id="p1"> В блоковый элемент, каким является абзац, можно добавлять
<b id="b1"> Встраиваемые элементы</b> и даже другие блоковые элементы
<img id="imgl" src="my.gif"/ alt="my picture"/>
</p>
<img id="img2" src="my1.gif" alt="my picture1"/>
</body>
будет представлен в виде логической структуры, приведенной на Рисунок 1.
Рисунок 1. Логическая структура фрагмента документа
3.5.2. Функции объектной модели документа
Объектная модель документов определяет:
интерфейсы и объекты, используемые для представления документа и манипулирования с ним;
семантику (смысл) этих интерфейсов и объектов, включая и поведение, и параметры;
"родственные" связи и взаимодействие между этими интерфейсами и объектами.
Основное назначение реализации объектной модели документов — предоставить возможность доступа и манипулирования элементами документа из программы с помощью объектов, выстроенных в некоторую иерархическую структуру, а также обеспечить взаимодействие между объектами. Поэтому любая реализация модели включает в свою очередь и управление событиями, представленными также в виде объектов.
Объектная модель DHTML предоставляет разработчикам Web-документов прямой программируемый доступ ко всем элементам документа, а совместно с событийной моделью подобный подход позволяет браузеру обрабатывать ввод пользователя, выполнять встроенные сценарии и динамически менять содержимое документа, не перезагружая его.
Большинство свойств объектов соответствуют параметрам представляемых ими элементов HTML-документа и имеют такие же имена, что и имена параметров. В сценарии можно получить значения интересующих параметров элемента или, наоборот, изменить их установку. Динамическое изменение свойств объектов, и, соответственно, представляемых ими элементов HTML, является основной концепцией динамического HTML.
В объектной модели DHTML с каждым элементом страницы можно связать определенное действие пользователя: щелчок кнопкой мыши, нажатие клавиши клавиатуры, перемещение в области элемента курсора мыши и т. д. Эта технология основана на фундаментальном понятии события в операционных системах с графическим интерфейсом пользователя. Каждое действие пользователя является причиной возникновения сообщения в операционной системе, которые представляются объектами в объектной модели DHTML. Свойства объектов-событий можно использовать во встраиваемых сценариях для получения информации о событии.
3.6. Cookie