HTML-элемент: интерфейс HTMLElement Интерфейс HTMLElement соответствует HTML-элементу общего вида. Он наследует все свойства и методы интерфейса Element и, кроме того, содержит несколько дополнительных свойств,соответствующих общим атрибутам элементов HTML. Атрибут style подробно будет описан в этой главе, посвященной DOM CSS. Обработчики событий описаны здесь, посвященной DOM Events. Элементы HTML, имеющие только общие атрибуты, реализуются данным интерфейсом. Сюда относятся следующие элементы: ABBR, ACRONYM, ADDRESS, B, BDO, CENTER, CITE, CODE, DD, DFN, DT, EM, HEAD, I, KBD, NOFRAMES, NOSCRIPT, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TT, U, VAR. Остальные HTML-элементы имеют собственные интерфейсы, которые являются наследниками интерфейса HTMLElement. Особо следует остановиться на формате строк, содержащих значения атрибутов. Как мы уже знаем, названия тегов HTML всегда преобразуются в прописные буквы. Для атрибутов принято другое соглашение, а именно: атрибуты типа CDATA хранятся так, как они заданы в документе, а атрибуты, принимающие значения из фиксированного списка, должны преобразовываться в строчные буквы, но первая их буква делается прописной. Например, значения свойства dir должны иметь значения "Ltr" и "Rtl". Gecko следует этому соглашению, тогда как Internet Explorer преобразует значения таких атрибутов в строчные буквы (в данном случае, "ltr" и "rtl" соответственно). Свойства интерфейса HTMLElement Свойство Изменяемое Модель Описание className Да DOM 1 Атрибут class. dir Да DOM 1 Атрибут dir. id Да DOM 1 Атрибут id. lang Да DOM 1 Атрибут lang. style Да DOM 2 Атрибут style. title Да DOM 1 Атрибут title. Свойство className Синтаксис: элемент.className Изменяемое: да Поддержка : Соответствует стандарту. Соответствует стандарту. Свойство className задает или возвращает значение атрибута class данного элемента. Пример: следующий сценарий выведет на экран строку note. <P id="p1" class="note">Текст примечания.</P> <SCRIPT> var o = document.getElementById("p1"); alert(o.className); </SCRIPT> Свойство dir Синтаксис: элемент.dir Изменяемое: да Поддержка : Соответствует стандарту. Соответствует стандарту. Свойство dir задает или возвращает значение атрибута dir данного элемента. Пример: следующий сценарий выведет в Gecko строку Ltr, а в MSIE - строку ltr. <P id="p1" dir="ltr">Текст примечания.</P> <SCRIPT> var o = document.getElementById("p1"); alert(o.dir); </SCRIPT> Свойство id Синтаксис: элемент.id Изменяемое: да Поддержка : Соответствует стандарту. Соответствует стандарту. Свойство id задает или возвращает значение атрибута id данного элемента. Пример: следующий сценарий выведет на экран строку p1. <P id="p1">Текст примечания.</P> <SCRIPT> var o = document.getElementById("p1"); alert(o.id); </SCRIPT> Свойство lang Синтаксис: элемент.lang Изменяемое: да Поддержка : Соответствует стандарту. Соответствует стандарту. Свойство lang задает или возвращает значение атрибута lang данного элемента. Пример: следующий сценарий выведет на экран строку ru. <P id="p1" lang="ru">Текст примечания.</P> <SCRIPT> var o = document.getElementById("p1"); alert(o.lang); </SCRIPT> Свойство style Синтаксис: элемент.style Изменяемое: да Поддержка : Поддержано частично. Поддержано частично. Свойство style обеспечивает доступ к интерфейсу CSSStyleDeclaration, соответствующему стилям CSS данного элемента. Пример: следующий сценарий выведет на экран строку 8px. <P id="p1" style="font-size: 8px">Текст примечания.</P> <SCRIPT> var o = document.getElementById("p1"); alert(o.style.fontSize); </SCRIPT> Свойство title Синтаксис: элемент.title Изменяемое: да Поддержка : Соответствует стандарту. Соответствует стандарту. Свойство title задает или возвращает значение атрибута title данного элемента. Пример: следующий сценарий выведет на экран строку Прим. 1. <P id="p1" title="Прим. 1">Текст примечания.</P> <SCRIPT> var o = document.getElementById("p1"); alert(o.title); </SCRIPT> <<<  Назад  1  2  3   8  Комментарии к статье  8 8  Обсудить в чате