Лекция 7 Стандартная объектная модель документа. Варианты DOM DOM уровня 0 поддерживает общие коллекции объектов документа (forms [ ], images [ ], anchors. - презентация

1 Лекция 7 Стандартная объектная модель документа

2 Варианты DOM DOM уровня 0 поддерживает общие коллекции объектов документа (forms [ ], images [ ], anchors [ ], links [ ] и applets [ ] ) DOM уровня 1. Обеспечивает возможность работы со всеми элементами документа посредством стандартного набора функций. DOM уровня 2. Обеспечивает более совершенные возможности доступа к эле­ментам страницы, прежде всего, связанным с XML, путем объединения моде­лей DOM уровня 0 и уровня 1 и добавления возможностей доступа к таблицам стилей для работы с ними. DOM уровня 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.

3 Дерево: документ Проверка DOM Заголовок примера Это абзац текста для примера Yahoo!

4 Дерево: представление

5 Типы узлов DOM HTML Номер типа узла Тип ОписаниеПример 1 Элемент Элемент HTML или XML... 2 Атрибут Атрибут элемента HTML или XML align="center" 3 Текст Фрагмент текста, заключенного в элемент HTML или XML Это фрагмент текста! 8 Комментарий Комментарий HTML 9 Документ Корневой объект документа, т.е. элемент, находящийся в самом верху иерархии дерева анализа 10 Тип документа Определение типа документа

6 Отношения узлов в дереве Пример Это абзац текста для примера Поддерево

7 Пример документа Проверка DOM Заголовок примера Это абзац текста для примера Yahoo!

8 Доступ к элементу документа по Id Пример var elem = document.getElementById("p1"); alert("Имя узла: "+elem.nodeName+"\n Тип узла: "+elem.nodeType+"\n Значение: "+elem.nodeValue);

9 Свойства Node, ч. 1 Свойство объекта Node Описание nodeName Содержит имя узла nodeValue Содержит имеющееся в узле значение. Применимо, как правило, только к узлам текста nodeType Хранит числовое значение, соответствующее типу узла parentNode Ссылка на родительский узел данного объекта, если таковой существует childNodes Обеспечивает доступ к списку дочерних узлов firstChild Ссылка на первый дочерний узел данного элемента, если таковые существуют

10 Свойства Node, ч. 2 Свойство объекта Node Описание lastChild Ссылка на последний дочерний узел данного элемента, если таковые существуют previousSibling Ссылка на предыдущий сестринский узел данного узла (когда родительский узел имеет несколько дочерних) nextSibling Ссылка на следующий сестринский узел данного узла (когда родительский узел имеет несколько дочерних) attributes Список атрибутов данного элемента ownerDocument Указывает HTML-объект document, в котором содержится данный элемент

11 Пример движения по дереву, ч. 1 Заголовок примера Это абзац текста для примера Yahoo!