Интерфейсы для элементов модулей Structure и Meta

Уточнения элементов HTML

Уточнения элементов HTML представляют собой интерфейсы с именем HTMLXXXXElement, где XXXX – имя элемента, например, HTMLImageElement для элемента img. Имена свойств в этих интерфейсах в совпадает с именами атрибутов в соответствующих элементах, за исключением следующих случаев:

· имя атрибута содержит несколько слов, например, cellpadding (в этом случае второе и последующие слова в имени свойства начинаются с большой буквы, например, cellPadding);

· имя атрибута содержит символ "-", например, http-equiv (в этом случае символ "-" в имени свойства опускается, а второе слово начинается с большой буквы, например, httpEquiv);

· имя атрибута совпадает с ключевым словом JavaScript, например class (в этом случае имя свойства не совпадает с именем атрибута, например, className).

Кроме того, некоторые свойства не имеют аналогичных атрибутов, например, свойство cellIndex – индекс ячейки в таблице для элементов th и td.

Большинство свойств (за некоторыми исключениями) доступны и для чтения и для изменения.

Ниже приведен краткий обзор интерфейсов и их основных свойств и методов для уже изученных элементов HTML.

Для элементов модуля Structure определены следующие интерфейсы:

· для элемента html – интерфейс HTMLHtmlElement (без свойств и методов);

· для элемента head – интерфейс HTMLHeadElement (имеет свойство profile, определяющее URL профиля метаданных, однако во всех Web-браузерах значение этого свойства выводится как пустая строка);

· для элемента body – интерфейс HTMLBodyElement (без свойств и методов);

· для элемента title – интерфейс HTMLTitleElement (со свойством text для получения и изменения содержимого заголовка Web-страницы – это свойство в Internet Explorer только для чтения).

Для элемента meta модуля Metainformation определен интерфейс HTMLMetaElement со следующими свойствами:

· httpEquiv – значение атрибута http-equiv;

· content – значение атрибута content;

· name – значение атрибута name;

· scheme – схема метаданных (во всех Web-браузерах это свойство равно пустой строке.

Пример 4.5.16. Использование свойства text интерфейса HTMLTitleElement:

Следующий фрагмент сценария

// Вывод старого заголовка

alert("Старый заголовок: '" + titleElement.text + "'");

// Установка нового значения заголовка

titleElement.text = "Web-страница с измененным заголовком";

выведет в Web-странице сообщение: