English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSSStyleDeclaration(объект стилизации) представляет собой объект, который является блоком заявлений CSS, он公开 информацию о стилях и различные методы и свойства, связанные со стилем.
Объект CSSStyleDeclaration представляет собой набор свойств CSS - значений.
var heading = document.getElementsByTagName("h1")[0];
var output = document.getElementById("result");
function myFunc1() {
var styleObj = heading.style;
output.innerHTML = styleObj.cssText;
}
function myFunc2() {
var prop = window.getComputedStyle(heading, null).getPropertyValue("color");
output.innerHTML = prop;
}Тестирование看看‹/›HTMLElement.styleОбработка внутренних стилей одного элемента.
window.getComputedStyle()Объект CSSStyleDeclaration公开为只读 интерфейс.
В таблице ниже перечислены свойства объекта CSSStyleDeclaration:
| Свойства | Описание |
|---|---|
| cssText | Установить или вернуть текстовое представление блока объявлений CSS |
| length | Вернуть количество свойств в блоке объявлений CSS |
| parentRule | Вернуть CSS-правило родителя в качестве родителя стиля |
В таблице ниже перечислены методы объекта CSSStyleDeclaration:
| Метод | Описание |
|---|---|
| getPropertyPriority() | Вернуть указано ли у指定的 свойства CSS правило с «!important» |
| getPropertyValue() | Вернуть значение指定的 свойства CSS |
| item() | Вернуть имя свойства CSS по индексу из блока объявлений CSS |
| removeProperty() | Удалить свойство CSS из блока объявлений CSS |
| setProperty() | Установить новые или изменить существующие свойства CSS в блоке объявлений CSS |