JavaScript. Подробное руководство, 6-е издание, Флэнаган Дэвид

JavaScript. Подробное руководство, 6-е издание

на обложку

Флэнаган Дэвид

Шрифт:

Обратите внимание, что узлы

Text

Comment

не имеют дочерних узлов. Это означает, что описанное выше свойство

Node.parentNode

никогда не возвращает узлы типа

Text

или

Comment

. Значением свойства

parentNode

любого объекта

Element

всегда будет другой объект

Element

или корень дерева - объект

Document

или

DocumentFragment

Второй частью прикладного интерфейса навигации по элементам документа являются свойства объекта

Element

, аналогичные свойствам доступа к дочерним и братским узлам объекта

Node

firstElementChild, lastElementChild

Похожи на свойства

firstChild

lastChild

, но возвращают дочерние элементы.

nextElementSibling, previousElementSibling

Похожи на свойства

nextSibling

previousSibling

, но возвращают братские элементы.

childElementCount

Количество дочерних элементов. Возвращает то же значение, что и свойство

children.length

Эти свойства доступа к дочерним и братским элементам стандартизованы и реализованы во всех текущих броузерах, кроме IE. [37]

http://www.w3.org/TR/ElementTraversal.

Поскольку прикладной интерфейс навигации по элементам документа реализован не во всех броузерах, вам может потребоваться определить переносимые функции навигации, как в примере 15.2.

Пример 15.2. Переносимые функции навигации по документу

/**

* Возвращает ссылку на n-го предка элемента е или null, если нет такого предка

* или если этот предок не является элементом Element

* (например, Document или DocumentFragment).

* Если в аргументе n передать 0, функция вернет сам элемент е.

* Если в аргументе n передать 1 (или вообще опустить этот аргумент),

* функция вернет родительский элемент.

* Если в аргументе n передать 2, функция вернет родителя родительского элемента и т. д. */

function parent(e, n) {

if (n === undefined) n = 1;

while(n-- && e) e = e.parentNode;