Доступ к узлам в рамках DOM

В рамках DOM возможны 3 способа доступа к узлам:

  1. С помощью метода getElementById (ID). При этом возвращается элемент с указанным ID.
  2. С помощью метода getElementsByTagName (name). При этом возвращаются все узлы с указанным именем тэга (в виде индексированного списка). Первый элемент в списке имеет нулевой индекс.
  3. Путем перемещения по дереву с использованием отношений между узлами.

Для определения длины списка узлов используется свойство length.

Пример 4.

x = document. getElementsByTagName ("p"); for (i = 0; i < x. length; i++) { document. write (x[i]. innerHTML); document. write ("<br/>"); }

В данном примере внутрь HTML документа вставляется в виде списка текстовое содержимое всех элементов соответствующих тэгу <p>.

Для навигации по дереву в ближайших окрестностях текущего узла можно использовать следующие свойства:

· parentNode;

· firstChild;

· lastChild.

Для непосредственного доступа к тэгам можно использовать 2 специальных свойства:

  • document. documentElement – для доступа к корневому узлу документа;
  • document. body – для доступа к тэгу < body >.

Свойства узлов в HTML DOM.

В HTML DOM каждый узел является объектом, который может иметь методы (функции) и свойства. Наиболее важными являются следующие свойства:

  • nodeName;
  • nodeValue;
  • nodeType.

Свойство nodeName указывает на имя узла. Это свойство имеет следующие особенности:

· Свойство nodeName предназначено только для чтения;

· Свойство nodeName узла элемента точно соответствует имени тэга;

· Свойство nodeName узла атрибута соответствует имени атрибута;

· Свойство nodeName текстового узла всегда равно #text

· Свойство nodeName узла документа всегда равно #document

Замечание: nodeName всегда содержит имя тэга HTML элемента в верхнем регистре.

Свойство nodeValue указывает на значение узла. Это свойство имеет следующие особенности:

· Свойство nodeValue узла элемента не определено;

· Свойство nodeValue текстового узла указывает на сам текст;

· Свойство nodeValue узла атрибута указывает на значение атрибута.

Свойство nodeType возвращает тип узла. Это свойство предназначено только для чтения:

Наиболее важными типами узлов являются следующие:

Тип элемента Тип узла
Element  
Attribute  
Text  
Comment  
Document  

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: