Структура документа

В объектной модели DHTML любой документ представляется в виде логической древовидной структуры. Следующий фрагмент документа HTML:

< BODY>

< P ID='p1'> В блоковый элемент, каким является абзац,

можно добавлять < B ID='b1'> встраиваемые элементы< /B>, каковым

является элемент IMG: < IMG ID='img1' SRC=" my.gif" >

< /P>

< IMG ID='img2' SRC=" my-1.gif" >

< /BODY>

будет представлен в объектной модели DHTML логической структурой, показанной на рисунке:

Для сложного документа логическая структура будет, естественно, сложнее. В ней может оказаться много " деревьев", которые в сумме будут представлять уже некоторый " лес".

Объектная модель DHTML предоставляет разработчикам Web-документов прямой программируемый доступ ко всем элементам документа, а совместно с событийной моделью подобный подход позволяет браузеру обрабатывать ввод пользователя, выполнять встроенные сценарии и динамически менять содержимое документа, не перезагружая его.

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