В рамках DOM возможны 3 способа доступа к узлам:
- С помощью метода getElementById (ID). При этом возвращается элемент с указанным ID.
- С помощью метода getElementsByTagName (name). При этом возвращаются все узлы с указанным именем тэга (в виде индексированного списка). Первый элемент в списке имеет нулевой индекс.
- Путем перемещения по дереву с использованием отношений между узлами.
Для определения длины списка узлов используется свойство 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 |