vvz.nw.ru Примеры к занятиям по JavaScript

<< Объектная модель документа DOM2

Принятая в настоящее время объектная модель документа DOM2 (Object Document Model level2 - DOM2) определена организацией World Wide Web Consorcium (W3C). Она не развивает (хотя, естественно, поддерживает объекты) модель DOM0, но предлагает определенную концепцию представления элементов HTML-документа. Акцент модели DOM2 - иерархическая структура документа, в которой каждый элемент является объектом (с точки зрения алгоритмического языка) со своими свойствами, методами и событиями.

Модель DOM2 отображает реальную иерархическую структуру документа. Действительно, в документе есть разделы head и body, в каждом из которых своя иерархия элементов. В разделе head особой иерархии нет, там последовательно указывается набор элементов, непосредственно не отображаемых в окне браузера. Они могут влиять на общее отображение и функциональность документа (определение внешних таблиц CSS, коды JavaScript), на идентификацию документа (многие meta-элементы), задавать HTTP-заголовки. Зато раздел body имеет явную иерархическую структуру. Рассмотрим, например, очень простое описание HTML-документа:
<html>
 <head>
  <title>Пример</title>
 </head>
 <body>
   <h1>Пример простого документа</h1>
   <p>
     Начало абзаца <strong>выделенный текст</strong>
	 продолжение абзаца
   </p>
   <img src="test.jpg" width="100" height="100" alt="тестовое изображение">
 </body>
</html>
  

Этот документ может быть представлен деревом, состоящим из следующих узлов:

Примерно такую иерархическую модель документа и предлагает стандарт DOM2. Отдельного рассмотрения этого интерфейса прикладного программирования в данном разделе нет. Однако отметим, что именно обращение к ряду свойств и методов, представленных в DOM API, позволяет сценариям JavaScript обеспечивать необходимую функциональность в типичных актуальных задачах (тем более, в нетривиальных).



vvz.nw.ru  > JavaScript