CSSStyleDeclaration(樣式聲明對象)表示一個對象，它是一個CSS聲明塊，它公開樣式信息以及各種與樣式相關(guān)的方法和屬性。
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處理單個元素的內(nèi)聯(lián)樣式。
window.getComputedStyle()將CSSStyleDeclaration對象公開為只讀接口。
下表列出了CSSStyleDeclaration對象的屬性：
| 屬性 | 描述 |
|---|---|
| cssText | 設(shè)置或返回CSS聲明塊的文本表示形式 |
| length | 返回CSS聲明塊中的樣式聲明數(shù) |
| parentRule | 返回作為樣式塊父級的CSS規(guī)則 |
下表列出了CSSStyleDeclaration對象的方法：
| 方法 | 描述 |
|---|---|
| getPropertyPriority() | 返回指定的CSS屬性是否具有“！important”規(guī)則集 |
| getPropertyValue() | 返回指定CSS屬性的值 |
| item() | 通過索引從CSS聲明塊返回CSS屬性名稱 |
| removeProperty() | 從CSS聲明塊中刪除CSS屬性 |
| setProperty() | 在CSS聲明塊中設(shè)置新的或修改現(xiàn)有的CSS屬性 |