Декларация стиля CSS: интерфейс CSSStyleDeclaration Поддержка : Не поддерживается. Поддерживается частично. Интерфейс CSSStyleDeclaration предназначен для описания блоков деклараций CSS. Более подробно мы обсудили его в этот пункт. Свойства интерфейса CSSStyleDeclaration Свойство Изменяемое Модель Описание cssText Да DOM 2 Текст декларации стиля. length Нет DOM 2 Количество явно заданных свойств. parentRule Нет DOM 2 Правило CSS, содержащее данную декларацию. Методы интерфейса CSSStyleDeclaration Метод Модель Описание getPropertyCSSValue DOM 2 Возвращает CSSValue, содержащее значение свойства. getPropertyPriority DOM 2 Возвращает приоритет свойства. getPropertyValue DOM 2 Возвращает строку, содержащую значение свойства. item DOM 2 Возвращает имя свойства с заданным номером. removeProperty DOM 2 Удаляет свойство. setProperty DOM 2 Задает значение и приоритет свойства. Свойство cssText Синтаксис: объект.cssText Изменяемое: да Иcключения: SYNTAX_ERR, NO_MODIFICATION_ALLOWED_ERR (при записи) Поддержка : Соответствует стандарту. Всегда пустая строка. Свойство cssText соответствуют тексту декларации свойств в виде строки DOMString (без окружающих ее фигурных скобок). При задании этого свойства старые значения всех свойств CSS в декларации удаляются и заменяются на новые. Пример: сценарий document.body.style.cssText = "font-size: 8px; font-family: Arial"; alert(document.body.style.cssText); выведет в Internet Explorer строку FONT-SIZE: 8px; FONT-FAMILY: Arial, а в Gecko - пустую строку. Свойство length Синтаксис: объект.length Изменяемое: нет Поддержка : Не поддерживается. Поддерживается частично. Свойство length возвращает количество свойств, явно заданных в данном блоке деклараций. Пример: alert(document.styleSheets[0].cssRules[0].style.length); Свойство parentRule Синтаксис: объект.parentRule Изменяемое: нет Поддержка : Не поддерживается. Соответствует стандарту. Если данная декларация содержится в таблице стилей, то свойство parentRule возвращает объект CSSRule, содержащий ее. В противном случае возвращается null. Пример: alert(document.styleSheets[0].cssRules[0].style.parentRule); Метод getPropertyCSSValue Синтаксис: объект.getPropertyCSSValue(propertyName) Аргументы: propertyName - выражение типа DOMString Результат: значение типа CSSValue или null Поддержка : Не поддерживается. Всегда возвращает null. Метод getPropertyCSSValue возвращает объект CSSValue, содержащий значение свойства propertyName. Если propertyName является сокращением, то возвращается null. Пример: var rule = document.styleSheets[0].cssRules[0]; alert(rule.style.getPropertyCSSValue("font-size").cssText); Метод getPropertyPriority Синтаксис: объект.getPropertyPriority(propertyName) Аргументы: propertyName - выражение типа DOMString Результат: значение типа DOMString Поддержка : Не поддерживается. Соответствует стандарту. Метод getPropertyPriority возвращает приоритет свойства propertyName. Его результатом может быть либо пустая строка, либо строка "!important", соответствующая атрибуту CSS !important. Пример: var rule = document.styleSheets[0].cssRules[0]; alert(rule.style.getPropertyPriority("font-size")); Метод getPropertyValue Синтаксис: объект.getPropertyValue(propertyName) Аргументы: propertyName - выражение типа DOMString Результат: значение типа DOMString Поддержка : Не поддерживается. Соответствует стандарту. Метод getPropertyValue возвращает строку, содержащую значение свойства propertyName. Пример: var rule = document.styleSheets[0].cssRules[0]; alert(rule.style.getPropertyValue("font-size")); Метод item Синтаксис: объект.item(index) Аргументы: index - числовое выражение Результат: значение типа DOMString Поддержка : Не поддерживается. Соответствует стандарту. Метод item возвращает строку, содержащую имя свойства с номером index. Пример: alert(document.body.style.item(0)); Метод removeProperty Синтаксис: объект.removeProperty(propertyName) Аргументы: propertyName - выражение типа DOMString Результат: значение типа DOMString Иcключения: NO_MODIFICATION_ALLOWED_ERR Поддержка : Не поддерживается. Соответствует стандарту. Метод removeProperty удаляет свойство propertyName и возвращает его значение. Если свойство с этим именем не было явно задано в декларации, то возвращается пустая строка. Пример: var rule = document.styleSheets[0].cssRules[0]; alert(rule.style.removeProperty("font-size")); Метод setProperty Синтаксис: объект.setProperty(propertyName, value, priority) Аргументы: propertyName, value, priority - выражения типа DOMString Результат: значение типа DOMString Иcключения: SYNTAX_ERR, NO_MODIFICATION_ALLOWED_ERR Поддержка : Не поддерживается. Соответствует стандарту. Метод setProperty задает значение и приоритет свойства propertyName. Значение свойства задается аргументом value, а приоритет - аргументом priority, который может быть либо строкой "!important", либо пустой строкой. Примеры: document.body.style.setProperty("color", "red", "!important"); document.body.style.setProperty("background-color", "green", ""); <<<  Назад Вперед  >>>  1  2  3  4  5  6  7  8   8  Комментарии к статье  8 8  Обсудить в чате