Создайте страницу для перемещения между узлами

1. Откройте новый, пустой текстовый файл в вашем текстовом редакторе и введите HTML-страницу, представленную в Листинге 9.9.
2. Воспользуйтесь командой Save (Сохранить) вашего текстового редактора, чтобы сохранить документ на вашем жестком диске, присвоив ему имя файла ShowNodes.htm.

   Листинг 9.9. ShowNodes.htm (html, txt)

   В начале сценарий передает узел Document функции DisplayNodes, которая возвращает отображаемую информацию данного узла и всех его дочерних узлов. Сценарий присваивает отображаемую информацию свойству innerText элемента DisplayDIV DIV в разделе BODY страницы, который затем отображает эту информацию:

   DisplayDIV.innerText = DisplayNodes(Document, 0);

   Второй параметр функции DisplayNodes задает уровень отступа, используемого при отображении информации узла.

   Функция DisplayNodes имеет следующую форму записи:

   function DisplayNodes (Node, IndentLevel)

   Функция выполняет следующие основные действия:
3. Она сохраняет соответствующее количество символов пробелов в переменной Indent, которая используется для создания отступа в начале каждой строки текста узла. Количество символов пробелов определяется значением параметра IndentLevel, передаваемого функции DisplayNodes:

   /* создание отступа для данного уровня: */ Indent = ""; IndentDelta = " "; for (i=0; i < IndentLevel; ++i); Indent += IndentDelta;

4. Она сохраняет отображаемую информацию для текущего узла – т. е. узла, передаваемого функции DisplayNodes через параметр Node (изначально, узел Document):

   /* отображение свойств текущего узла: */ DisplayString += Indent + "nodeName: " + Node.nodeName + "\n" + Indent + "nodeTypeType: " + Node.nodeType + "\n" + Indent + "nodeTypeString: " + Node.nodeTypeString + "\n" + Indent + "nodeValue: " + Node.nodeValue + "\n\n";

   Подсказка. Если вы хотите увидеть дополнительные свойства для каждого узла, то можете добавить их в представленный выше фрагмент кода. Вы можете использовать любые общие свойства узла, приведенные в таблице 9.2. Однако не следует использовать специальные свойства, характерные для определенного узла (они приведены в таблице 9.3 для узлов Document), поскольку они применимы не для всех типов узлов.

   
   
5. Она сохраняет отображаемую информацию для дочерних узлов Attribute текущего узла. Отступ при этом увеличивается на один уровень, указывая на то, что эти узлы являются дочерними для текущего узла:
   
   /* отображение атрибутов для каждого из дочерних узлов: */ Indent += IndentDelta; for (i=0; Node.attributes != null && i < Node.attributes.length; ++i) DisplayString += Indent + "nodeName: " + Node.attributes(i).nodeName + "\n" + Indent + "nodeTypeType: " + Node.attributes(i).nodeType + "\n" + Indent + "nodeTypeString: " + Node.attributes(i).nodeTypeString + "\n" + Indent + "nodeValue: " + Node.attributes(i).nodeValue + "\n\n";
   
   Примечание. Функция DisplayNodes не отображает дочерний узел Text узла Attribute, поскольку гораздо удобнее получить значение атрибута непосредственно из свойства nodeValue самого узла Attribute.
   
   
6. Функция DisplayNodes сохраняет отображаемую информацию для каждого дочернего узла, не являющегося атрибутом, осуществляя самостоятельный вызов для каждого из этих узлов. Такой вызов называется рекурсивным:
   
   /* отображение каждого из дочерних узлов, не являющихся атрибутами: */ for (i=0; i < Node.childNodes.length; ++i) DisplayString += DisplayNodes (Node.childNodes(i), IndentLevel + 1);
   
   
7. Функция DisplayNodes завершает свою работу, возвращая строку, содержащую всю информацию об узле:
   
   /* возврат строки, содержащей результаты: */ return DisplayString;
   
   
8. Откройте страницу в Internet Explorer 5.
   
   Обратите внимание, что свойство nodeTypeString содержит тип узла в виде строчных букв. (Так, "Document" и "ProcessingInstruction" превращаются в "document" и "processinginstruction".)
   
   Изначально страница отображает XML-документ Inventory Dom.xml (см. Листинг 9.1). Первая часть отображаемых результатов выглядит как показано на рисунке 9.8.
   
   
   
   
   Рис. 9.8. 
   
   
9. Чтобы просмотреть структуру узлов для других XML-документов, отредактируйте фрагмент данных страницы. Например, чтобы просмотреть узлы документа Inventory Valid Entity.xml (см. Листинг 6-1), вы должны изменить фрагмент данных следующим образом: <XML ID="dsoXML" SRC="Inventory Valid Entity.xml"></XML>
   
   
   Содержание раздела
   
   

   ---

   
   
   
   

   ---