JavaScript CSS 样式声明对象

CSSStyleDeclaration(样式声明对象)表示一个对象,它是一个CSS声明块,它公开样式信息以及各种与样式相关的方法和属性。

CSSStyleDeclaration对象

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;
}
测试看看

处理单个元素的内联样式。

将CSSStyleDeclaration对象公开为只读接口。

CSSStyleDeclaration对象属性

下表列出了CSSStyleDeclaration对象的属性:

属性描述
设置或返回CSS声明块的文本表示形式
返回CSS声明块中的样式声明数
返回作为样式块父级的CSS规则

CSSStyleDeclaration对象方法

下表列出了CSSStyleDeclaration对象的方法:

方法描述
返回指定的CSS属性是否具有“!important”规则集
返回指定CSS属性的值
通过索引从CSS声明块返回CSS属性名称
从CSS声明块中删除CSS属性
在CSS声明块中设置新的或修改现有的CSS属性