Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / 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
Динамическое управление стилями




Способы доступа к стилям


DOM 2 содержит специальный интерфейс CSSStyleDeclaration, который предназначен для описания блоков деклараций CSS. Этот интерфейс используется и для описания содержимого правил CSS, и для описания стилей отдельных элементов дерева документа. Он имеет чрезмерно усложненную, на наш взгляд, структуру и обеспечивает три разных способа доступа к отдельным свойствам CSS, а именно:


  1. чтение и запись свойств, при которых и название свойства, и его значение задаются текстовой строкой согласно правилам CSS;


  2. чтение и запись свойств, при которых название свойства, задается текстовой строкой согласно правилам CSS, а значение является объектом специального типа CSSValue;


  3. чтение и запись свойств, при которых свойство задается соответствующим атрибутом объекта CSSStyleDeclaration, а его значение задается текстовой строкой согласно правилам CSS.





Пусть, например, мы хотим сделать фон тела документа красным. Соответствующие операторы будут выглядеть так:



document.body.style.setProperty("background-color", "red", "");
document.body.style.backgroundColor = "red";





Первый оператор использует имя свойства CSS, а второй - соответствующее свойство объекта document.body.style. Для чтения цвета фона возможны три варианта:



var clr1 = document.body.style.getPropertyValue("background-color");
var clr2 = document.body.style.getPropertyCSSValue("background-color");
var clr3 = document.body.style.backgroundColor;





Здесь clr1 и clr3 получат тип String, а clr2 - тип CSSValue. DOM 2 объявил первые два способа обязательными, а третий (называемый интерфейсом CSS2Properties) - факультативным. Однако, разработчики обозревателей расставили приоритеты иначе: и MSHTML, и Gecko поддерживают именно третий интерфейс. MSHTML этим ограничивается, а Gecko поддерживает свойства и методы CSSStyleDeclaration, но пока не поддерживает CSSValue. Тем не менее мы приводим описание всех интерфейсов DOM, поскольку следующие версии обозревателей, скорее всего, обеспечат их реализацию.


Значение свойства CSS: интерфейс CSSValue


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



Интерфейс CSSValue соответствует значению одного свойства CSS. Он имеет два свойства:



Свойства интерфейса CSSValue
СвойствоИзменяемоеМодельОписание
cssTextДаDOM 2Текст значения.
cssValueTypeНетDOM 2Тип значения.



Свойство cssText


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


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



Свойство cssText позволяет читать и задавать значение свойства в виде строки DOMString.


Свойство cssValueType


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


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



Свойство cssValueType возвращает целое число, означающее тип данного значения в соответствии со следующей таблицей:


Типы значений свойств CSS
НазваниеЗначениеОписание
CSS_INHERIT0Наследуемое значение. cssText равно "inherit".
CSS_PRIMITIVE_VALUE1Примитивное значение. См. интерфейс CSSPrimitiveValue.
CSS_VALUE_LIST2Список значений. См. интерфейс CSSValueList.
CSS_CUSTOM3Прочие значения.



Вперед  >>>
 1  2  3  4  5  6  7  8 


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

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