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