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

 if (е.firstElementChild) е = е.firstElementChild;

 else {

 for(e = е.firstChild; е && e.nodeType !== 1; е = е.nextSibling)

 /* пустой цикл */;

 }

<b>    return sibling(e, n); // Вернуть n-го брата первого дочернего элемента</b>

 }

<b>  else { // n - отрицательное: двигаться назад, начиная с последнего</b>

 if (е.lastElementChild) е = е.lastElementChild;

 else {

 for(e = e.lastChild; e && e.nodeType !== 1; e=e.previousSibling)

 /* пустой цикл */;

 }

 return sibling(e, n+1); // +1, чтобы преобразовать номер -1 дочернего

<b>                            // в номер 0 братского для последнего</b>

 }

}

Определение собственных методов элементов

Все текущие броузеры (включая ІE8 и выше) реализуют модель DOM таким образом, что такие типы, как

Element

HTMLDocument

[38], являются классами, такими же как классы

String

Array

. Они не имеют конструкторов (как создавать новые объекты

Element

, будет показано далее в этой главе), но они имеют объекты-прототипы, которые вы можете расширять своими методами:

Element.prototype.next = function() {

 if (this.nextElementSibling) return this.nextElementSibling;

 var sib = this.nextSibling;

 while(sib && sib.nodeType !== 1) sib = sib.nextSibling;

 return sib;

};

Функции, представленные в примере 15.2, не были реализованы в виде методов объекта

Element

лишь по той причине, что такая возможность не поддерживается в ІE7.

Однако возможность расширения типов DOM может пригодиться для реализации особенностей, характерных для IE, в других броузерах. Как отмечалось выше, нестандартное свойство

children

объекта

Element

было впервые реализовано в IE и только потом - в других броузерах. Используя следующий программный код, можно реализовать это свойство в броузерах, не поддерживающих его, таких как Firefox 3.0:

// Реализация свойства Element.children в броузерах,

// не поддерживающих его

// Обратите внимание, что этот метод возвращает статический

// массив, а не "живой" NodeList

if (!document.documentElement.children) {

 Element.prototype.__defineGetter__("children",

 function() { var kids = [];

 for(var c = this.firstChild; c != null; c = c.nextSibling)

 if (c.nodeType === 1) kids.push(c);

 return kids;

 }):

}

Метод

__defineGetter__ 

(о нем рассказывается в разделе 6.7.1) не является

стандартным, но его вполне можно использовать для обеспечения переносимости в таком программном коде, как этот.

15.4. Атрибуты

HTML-элементы состоят из имени тега и множества пар имя/значение, известных как атрибуты. Например, элемент

<а>

, определяющий гиперссылку, в качестве адреса назначения ссылки использует значение атрибута

href

. Значения атрибутов HTML-элементов доступны в виде свойств объектов

HTMLElement

, представляющих эти элементы. Кроме того, модель DOM определяет и другие механизмы получения и изменения значений XML-атрибутов и нестандартных HTML-атрибутов. Подробнее об этом рассказывается в следующих подразделах.

15.4.1. HTML-атрибуты как свойства объектов Element

Объекты

HTMLElement

, представляющие элементы HTML-документа, определяют свойства, доступные для чтения/записи, соответствующие HTML-атрибутам элементов. Объект

HTMLElement

определяет свойства для поддержки универсальных HTTP-атрибутов, таких как

id

title

lang

dir

, и даже свойства-обработчики событий, такие как

onclick

. Специализированные подклассы класса

Element

определяют атрибуты, характерные для представляемых ими элементов. Например, узнать URL-адрес изображения можно, обратившись к свойству

src

объекта

HTMLElement

, представляющего элемент

<img>

var image = document.getElementById("myimage");

var imgurl = image.src; // Атрибут src определяет URL-адрес изображения 