Таблицы стилей: интерфейс StyleSheet Поддержка : Только для HTML-документов. Соответствует стандарту. Интерфейс StyleSheet соответствует одной таблице стилей, подключаемой к XML- или HTML-документу. Он имеет следующие свойства: Свойства интерфейса StyleSheet Свойство Изменяемое Модель Описание disabled Да DOM 2 Запрещена ли таблица. href Нет DOM 2 URL внешней таблицы стилей. media Нет DOM 2 Устройства отображения. ownerNode Нет DOM 2 Элемент-владелец таблицы. parentStyleSheet Нет DOM 2 Родительская таблица стилей. title Нет DOM 2 Титул таблицы. type Нет DOM 2 Язык таблицы стилей. Свойство disabled Синтаксис: объект.disabled Изменяемое: да Поддержка : Только для HTML-документов. Соответствует стандарту. Свойство disabled возвращает true, если таблица запрещена, и false в противном случае. Запрещение таблицы стилей означает, что она не будет применяться к текущему документу. Точнее говоря, таблица стилей применяется к документу тогда и только тогда, когда она применима к текущему устройству отображения и ее свойство disabled равно false. Пример: document.styleSheets[0].disabled = true; Свойство href Синтаксис: объект.href Изменяемое: нет Поддержка : Только для HTML-документов. Соответствует стандарту. Свойство href возвращает URI файла таблицы стилей для внешних таблиц и null для внутренних таблиц. Если адрес таблицы был задан относительным URI, то MSHTML вернет относительный URI, а Gecko - полный URI. Например, <LINK rel=stylesheet href="ie4.css"> ... alert(document.styleSheets[0].href); выведет в Internet Explorer строку ie4.css, а в Gecko строку вида http://mysite.com/ie4.css. Свойство media Синтаксис: объект.media Изменяемое: нет Поддержка : Нестандартная. Соответствует стандарту. Свойство media возвращает объект MediaList, содержащий список устройств отображения, к которым применима данная таблица стилей. Если атрибут media таблицы стилей не был задан, то список устройств пуст, что соответствует устройству "all" (все типы устройств). Пример: alert(document.styleSheets[0].media.mediaText); Internet Explorer не поддерживает объект MediaList, поэтому в нем данное свойство возвращает строку, содержащую список устройств через запятую, т. е. media здесь эквивалентно media.mediaText стандарта. Свойство ownerNode Синтаксис: объект.ownerNode Изменяемое: нет Поддержка : Только для HTML-документов под названием owningElement. Соответствует стандарту. Свойство ownerNode возвращает ссылку на объект Node, соответствующий узлу документа, ссылающемуся на данную таблицу стилей. Как указывалось выше, в HTML-документе таблица стилей задается либо элементом LINK, либо элементом STYLE; в XML-документе данное свойство должно указывать на узел типа ProcessingInstruction, содержащий директиву xml-stylesheet. Для таблиц стилей, подключенных к документу через другие таблицы стилей, это свойство равно null. Пример: в Gecko alert(document.styleSheets[0].ownerNode.tagName); в Internet Explorer: alert(document.styleSheets[0].owningElement.tagName); Свойство parentStyleSheet Синтаксис: объект.parentStyleSheet Изменяемое: нет Поддержка : Только для HTML-документов. Соответствует стандарту. Если язык таблицы стилей допускает включение одних таблиц стилей в другие (таков, в частности, CSS2), и данная таблица подключена к документу через другую таблицу стилей, то свойство parentStyleSheet возвращает ссылку на объект StyleSheet, соответствующий таблице стилей, в которую включена данная таблица. В остальных случаях это свойство равно null. Следующий пример выводит на экран URI таблицы стилей верхнего уровня, содержащую данную таблицу стилей в качестве вложенного потомка. var ss = document.styleSheets[0]; while (ss.parentStyleSheet) ss = ss.parentStyleSheet; alert(ss.href); Свойство title Синтаксис: объект.title Изменяемое: нет Поддержка : Только для HTML-документов. Соответствует стандарту. Свойство title возвращает титул узла-владельца данной таблицы стилей, т. е. значение свойства ownerNode.title. Пример: alert(document.styleSheets[0].title); Свойство type Синтаксис: объект.type Изменяемое: нет Поддержка : Только для HTML-документов. Соответствует стандарту. Свойство type возвращает язык данной таблицы стилей, т. е. значение свойства ownerNode.type. Если втрибут type узла-владельца не задан, то MSHTML вернет пустую строку, а Gecko - строку "text/css", соответствующую языку таблиц стилей, принятому по умолчанию. Пример: alert(document.styleSheets[0].type); <<<  Назад Вперед  >>>  1  2  3  4  5  6  7   8  Комментарии к статье  8 8  Обсудить в чате