JavaScript и CSS. Свойства и методы объектов cssRule и rule (массивы cssRules и rules)
Объекты cssRule и rule
Синтаксис:(IE4+) document.styleSheets[индекс].rules[индекс].свойство (IE5+, NN6) document.styleSheets[индекс].cssRules[индекс].свойствоОбъекты rule и cssRule - различные варианты одних и тех же объектов. В IE4+ объект называется rule (а массив этих объектов - rules). В NN6 объект имеет название cssRule (а массив этих объектов - cddRules). Объект правила состоит из двух основных компонентов. Первый - текст селектора, который определяет, к какому элементу следует применить правило стиля. Второй компонент - определение стиля с набором пар атрибут: значение, разделенных точкой с запятой. В обеих моделях объектов определение стиля считается объектом style, который имеет множество свойств, представляющих поддерживаемые броузером атрибуты стиля. Объект style связан с любым из объектов элементов html. Для того, чтобы получить доступ к свойствам style правила таблицы стилей следует задать следующую ссылку:
document.styleSheets[0].rules[0].style.color="red"
Свойства
Возвращает текст текущего объекта cssRule. Т.к. возвращаемый текст может быть разделен на отдельные строки, к свойствам индивидуальных стилей лучше обращаться с помощью свойства style объекта cssRule.
Представляет собой ссылку на объект styleSheet, содержащий текущий объект cssRule.
Булево значение данного свойства позволяеь сценарию определить, была ли текущая таблица стилей подключена к документу с помощью элемента style (значение readOnly - false) или импортироана из внешнего файла с помощью элемента LINK или правила @import (значение readOnly - true).
Возвращает только селекторную часть правила таблицы стилей. Значение представляет собой строку. Если селектор содержит множественные, разделенные пробелами элементы, значение selectorText возвращается в форме строки с пробелами. Если селектор применен к классам или идентификаторам, их специальные символы (точка и символ решетки) также возвращаются в виде части строки.
Свойство style объекта rule (или cssRule) само по себе является объектом, свойства которого состоят из атрибутов стилей CSS, поддерживаемых броузером. Любые изменения свойств style правила влияют на стиль элементов, обозначенных в селекторе правил. Значения стилей, примененные непосредственно к элементу, доминируют и отменяют значения, назначенные ему в таблице стилей.
Для того, чтобы сценарий мог определить, с каким типом cssRule он имеет дело, свойство type возвращает целое число, значение которого указывает на один из типов cssRule:
0 - Неизвестный тип
1 - Правило обычного стиля
2 - Правило набора символов
3 - Правило импортирования
4 - Правило носителя
5 - Правило шрифта
6 - Правило страницы
Большинство таблиц стилей относятся к типу 1.