20444

Document Object Model

Доклад

Информатика, кибернетика и программирование

Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов каждый узел которого представляет собой элемент атрибут текстовый графический или любой другой объект. Изначально различные браузеры имели собственные модели документов DOM не совместимые с остальными.

Русский

2013-07-25

54 KB

10 чел.

19 Document Object Model

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

Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями родительский-дочерний.

Изначально различные браузеры имели собственные модели документов (DOM), не совместимые с остальными. Для того, чтобы обеспечить взаимную и обратную совместимость, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации объединены в общую группу, носящую название W3C DOM.

Еще один интерфейс прикладного программирования, называемый JDOM, обеспечивает более высокий, чем W3C DOM, уровень для работы с XML документами на Java — www.jdom.org.

Уровни W3C DOM

Текущим уровнем спецификаций DOM является Уровень 2, но тем не менее некоторые части спецификаций Уровня 3 являются рекомендуемыми W3C.

Уровень 0 

Включает в себя все специфические модели DOM, которые существовали до появления Уровня 1, например document.images, document.forms, document.layers и document.all. Необходимо обратить внимание, что эти модели формально не являются спецификациями DOM, опубликованными W3C, а скорее являются информацией о том, что существовало до начала процесса стандартизации.

Уровень 1 

Базовые функциональные возможности DOM (HTML и XML) в документах, такие как получение дерева узлов документа, возможность изменять и добавлять данные.

Уровень 2 

Поддержка так называемого пространства имён XML <--filtered views--> и событий.

Уровень 3 

Состоит из шести различных спецификаций:

  1.  DOM Level 3 Core;
  2.  DOM Level 3 Load and Save;
  3.  DOM Level 3 XPath;
  4.  DOM Level 3 Views and Formatting;
  5.  DOM Level 3 Requirements;
  6.  DOM Level 3 Validation.

Эти спецификации являются дополнительными расширениями DOM.

Реализация DOM в веб-браузерах

Учитывая существование различных реализаций DOM в веб-браузерах, среди программистов распространена привычка проверять работоспособность тех или иных возможностей DOM для каждого конкретного браузера, и только потом использовать их. Код ниже иллюстрирует способ проверки на поддержку стандартов W3CDOM перед тем как запустить код, зависящий от результата этой проверки.

 

if (document.getElementById && document.getElementsByTagName) {

   // если методы getElementById и getElementsByTagName

   // доступны, то можно относительно точно предположить поддержку W3CDOM.

 

   obj = document.getElementById("navigation")

   // далее идёт другой код с использованием возможностей W3CDOM.

   // .....

}

Еще один фрагмент кода JavaScript, позволяющий проверить заявленную поддержку различных расширений DOM в конкретном браузере.

 

 function domImplementationTest(){

   var featureArray = ['HTML', 'XML', 'Core', 'Views',

                       'StyleSheets', 'CSS', 'CSS2', 'Events',

                       'UIEvents', 'MouseEvents', 'HTMLEvents',

                       'MutationEvents', 'Range', 'Traversal'];

   var versionArray = ['1.0', '2.0', '3.0'];

   var i;

   var j;

   if(document.implementation && document.implementation.hasFeature){

     for(i=0; i < featureArray.length; i++){

       for(j=0; j < versionArray.length; j++){

         document.write(

           'Поддержка расширения '+ featureArray[i] + ' версии ' + versionArray[j] + ' : ' + 

           (document.implementation.hasFeature(featureArray[i], versionArray[j]) ? 

           '<font style="color:green">true</font>' : '<font style="color:red">false</font>') + '<br/>'

         );

       }

       document.write('<br/>');

     }

   }

 }

Проблемы

Из-за несовместимости браузеров использование DOM иногда приводит к трудностям HTML-верстки и низкой надёжности страниц.


 

А также другие работы, которые могут Вас заинтересовать

11638. Определение фокусного расстояния и оптической силы линзы 1.29 MB
  Цель работы: Определение фокусного расстояния и оптической силы линзы. Схема установки и расчётная формула: Приборы и материалы: nл показатель преломления среды; nср показатель преломления материала линзы; R1 R2 радиусы кривизны соответственно I II п
11639. Определение длины световой волны методом колец Ньютона 517 KB
  Целью работы является знакомство с интерференцией волн и определение длины световой волны методом колец Ньютона. Схема установки: Приборы и принадлежности: 1 Линза и стеклянная плоскопараллельная пластинка находящаяся в общей оправе 2 Транс...
11640. Исследовать закономерность соударений тел с помощью компьютерного процесса забивания сваи в грунт 78 KB
  Цель работы: исследовать закономерность соударений тел с помощью компьютерного процесса забивания сваи в грунт. Мы исследовали закономерности соударения тел с помощью компьютерного моделирования процесса забивания сваи в грунт.
11641. Измерение емкости конденсатора. Определение неизвестных сопротивлений проводников (катушек) при помощи мостика Уитстона 93.5 KB
  Измерение емкости конденсатора Цель работы: Определение неизвестных сопротивлений проводников катушек при помощи мостика Уитстона. Схема принципиальной установки: сопротивления Г – гальванометр ...
11642. Измерение электродвижущей силы источника постоянного тока 32.5 KB
  Отчет По лабораторной работе №23 Измерение электродвижущей силы источника постоянного тока Цель работы: Измерение электродвижущей силы источника постоянного тока методом компенсации. Теоретическое введение. Электрическим током называется порядо...
11643. Определение кривой намагничивания железа 63.5 KB
  Отчет По лабораторной работе №28 Определение кривой намагничивания железа Цель работы: Ознакомление с характеристиками магнитных свойств вещества и определение зависимости магнитной индукции и магнитной проницаемости ферромагнитного образца от напряжен
11644. Исследование гальванометра магнитоэлектрической системы. 37.5 KB
  Отчет По лабораторной работе №29 Исследование гальванометра магнитоэлектрической системы Цель работы: экспериментальное измерение основных характеристик гальванометра магнитоэлектрической системы. Теоретическое введение: В электрических приборах м
11645. Измерение потерь напряжения в проводах. 108 KB
  Измерение потерь напряжения в проводах Цель работы: Ознакомление с общими принципами передачи электрической энергии на большие расстояния и определение потерь напряжения в моделях электрических линий. Теоретическое введение. Передача электрической эне...
11646. Определение удельного сопротивления Резистивного провода. 42.5 KB
  Определение удельного сопротивления Резистивного провода Цель работы : Измерение сопротивления техническим методом и определение удельного сопротивления резистивного провода. Установка : измерение R техническим методом с точным измерением силы тока...