Добавляем...


Дерево документа
При изучении DOM уровней 1 и 2 важно уяснить, что вы работаете с деревом документа. Рассмотрим, например, следующий простой документ (X)HTML:

<!DOCTYPE.html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>npoвepкa DOM</title>
</head>
<body>
<h1>Заголовок примера</h1> <hr />

<!— Это просто комментарий -->
<p>Это абзац <em>текста</em> для примера</p>
<ul>
<li><a href="http: / /www. yahoo. com">Yahoo! </a> </li> </ul>
</body>

Обратите внимание на то, что данная древовидная структура соответствует структурированной природе (X)HTML. Элемент <html> содержит элементы <head> и <body>. Элемент <head> содержит <title>, a <body> содержит различные элементы блоков типа абзаца (<p>), заголовка (<hr>) и списка (<ul>). Каждый элемент может, в свою очередь, содержать другие элементы или фрагменты текста. Как видите, каждая единица (или, точнее, узел) в дереве соответствует своему типу объекта в документе HTML или XML. Модель DOM определяет 12 типов узлов, однако многие из них полезны только в рамках документов XML.
Номер типа узла Тип Описание Пример
1 Элемент Элемент HTML или XML <p>...</p>
2 Атрибут Атрибут элемента HTML или XML align="center"
3 Текст Фрагмент текста, заключенного в элемент HTML или XML Это фрагмент текста!
8 Комментарий Комментарий HTML <! — Это комментарий —>
9 Документ Корневой объект документа, т.е. элемент, находящийся в самом верху иерархии дерева анализа <html>
10 Тип документа Определение типа документа <!DOCTYPE HTML PUBLIC "-//W3C //DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Перед тем как идти дальше, следует определить подходящую терминологию, отражающую взаимосвязи узлов в дереве документа. Поддерево — это часть дерева документа, имеющая корнем некоторый узел. Например, поддеревом, соответствующим фрагменту HTML

<p>Это абзац <em>текста</em> для примера</p>

  • Элемент р имеет три дочерних элемента: текстовый узел, элемент em и еще один текстовый узел.
  • Текстовый узел "Это абзац" является первым дочерним элементом элемента р.
  • Последним дочерним элементом элемента р является текстовый узел "для примера".
  • Родителем элемента em является элемент р.
  • Текстовый узел, содержащий строку "текста", является дочерним элементом em, но не является прямым потомком р.


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика