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; }测试看看
处理单个元素的内联样式。
将CSSStyleDeclaration对象公开为只读接口。
下表列出了CSSStyleDeclaration对象的属性:
属性 | 描述 |
---|---|
设置或返回CSS声明块的文本表示形式 | |
返回CSS声明块中的样式声明数 | |
返回作为样式块父级的CSS规则 |
下表列出了CSSStyleDeclaration对象的方法:
方法 | 描述 |
---|---|
返回指定的CSS属性是否具有“!important”规则集 | |
返回指定CSS属性的值 | |
通过索引从CSS声明块返回CSS属性名称 | |
从CSS声明块中删除CSS属性 | |
在CSS声明块中设置新的或修改现有的CSS属性 |