Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / DHTML /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире


Динамические таблицы стилей - Программирование от RIN.RU
Динамические таблицы стилей



Правила CSS: интерфейс CSSStyleRule


Поддержка :Нестандартная.
Соответствует стандарту.



Интерфейс CSSStyleRule - это интерфейс, производный от CSSRule и соответствующий одному правилу языка CSS. Напомним, что правило CSS состоит из селектора и блока деклараций. Поэтому данный интерфейс имеет два дополнительных свойства:


Свойства интерфейса CSSStyleRule
СвойствоИзменяемоеМодельОписание
selectorTextДаDOM 2Текст селектора.
styleНетDOM 2Блок деклараций.



Свойство selectorText


Синтаксис:  объект.selectorText
Изменяемое: да
Иcключения: SYNTAX_ERR, NO_MODIFICATION_ALLOWED_ERR (при записи)


Поддержка :Нестандартная.
Соответствует стандарту.



Свойство selectorText позволяет читать или задавать текст селектора данного правила. При задании нового текста селектора возможна генерация перечисленных выше исключений. Следующий пример выводит на экран текст селектора первого оператора первой таблицы стилей документа:



alert(document.styleSheets[0].cssRules[0].selectorText);





В Internet Explorer этот оператор должен выглядеть так:



alert(document.styleSheets[0].rules[0].selectorText);





Свойство style


Синтаксис:  объект.style
Изменяемое: нет


Поддержка :Нестандартная.
Соответствует стандарту.



Свойство style возвращает объект CSSStyleDeclaration, содержащий блок деклараций данного правила. Пример чтения значения отдельного свойства CSS:



alert(document.styleSheets[0].cssRules[0].style.fontFamily);





В Internet Explorer этот оператор должен выглядеть так:



alert(document.styleSheets[0].rules[0].style.fontFamily);





Директива @media: интерфейс CSSMediaRule


Поддержка :Не поддерживается.
Не поддерживается.



Интерфейс CSSMediaRule - это интерфейс, производный от CSSRule и соответствующий директиве @media. Он имеет следующие дополнительные свойства и методы:


Свойства интерфейса CSSMediaRule
СвойствоИзменяемоеМодельОписание
cssRulesНетDOM 2Коллекция правил директивы.
mediaНетDOM 2Коллекция устройств отображения.



Методы интерфейса CSSMediaRule
МетодМодельОписание
deleteRuleDOM 2Удаляет заданное правило.
insertRuleDOM 2Вставляет новое правило.



Свойство cssRules


Синтаксис:  объект.cssRules
Изменяемое: нет


Поддержка :Не поддерживается.
Не поддерживается.



Свойство cssRules возвращает объект CSSRuleList, содержащий список правил данной директивы. Пример:



alert(document.styleSheets[0].cssRules[0].cssRules.length);





Свойство media


Синтаксис:  объект.media
Изменяемое: нет


Поддержка :Не поддерживается.
Не поддерживается.



Свойство media возвращает объект MediaList, содержащий список устройств отображения данной директивы. Пример:



alert(document.styleSheets[0].cssRules[0].media.length);





Метод deleteRule


Синтаксис:  объект.deleteRule(index)
Аргументы: index - числовое выражение
Исключения: INDEX_SIZE_ERR, NO_MODIFICATION_ALLOWED_ERR


Поддержка :Не поддерживается.
Не поддерживается.



Метод deleteRule удаляет правило с номером index из коллекции cssRules. Индекс должен лежать в диапазоне от 0 до cssRules.length-1 включительно. Пример:



document.styleSheets[0].cssRules[0].deleteRule(0);





Метод insertRule


Синтаксис:  объект.insertRule(rule, index)
Аргументы: rule - выражение типа DOMString
index - числовое выражение
Исключения: HIERARCHY_REQUEST_ERR, INDEX_SIZE_ERR, NO_MODIFICATION_ALLOWED_ERR, SYNTAX_ERR


Поддержка :Не поддерживается.
Не поддерживается.



Метод insertRule вставляет новое правило в коллекцию cssRules перед правилом с номером index. Текст правила, включая селектор и декларацию, задается аргументом rule. Индекс должен лежать в диапазоне от 0 до cssRules.length; если он равен cssRules.length, то новое правило добавляется в конец коллекции. Пример:



document.styleSheets[0].cssRules[0].insertRule("BODY { color: red }", 0);





<<<  НазадВперед  >>>
 1  2  3  4  5  6  7 


 8  Комментарии к статье  8 8  Обсудить в чате

 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь