CSSStyleDeclaration物件

admin發表於2018-08-18

CSSStyleDeclaration物件用來表示一條CSS規則的宣告部分或者體部分,也就是大括號內的部分。

可以通過以下方式獲取CSSStyleDeclaration物件:

(1).dom元素的style屬性:

[JavaScript] 純文字檢視 複製程式碼
let CSSStyleDeclaration = dom.style

(2).getComputedStyle()方法:

[JavaScript] 純文字檢視 複製程式碼
let CSSStyleDeclaration = getComputedStyle(element, [pseudoElt])

具體參閱getComputedStyle()用法一章節。

(3).CSSStyleRule物件style屬性:

[JavaScript] 純文字檢視 複製程式碼
let CSSStyleDeclaration = CSSStyleRule.style

具體參閱CSSStyleRule 物件一章節。

CSSStyleDeclaration屬性:

屬性描述
cssText

 返回或者設定當前CSS規則的具體程式碼。

與CSSStyleRule 物件的cssText功能相同

length返回當前規則包含CSS宣告的條數。
parentRule

返回包含當前規則的規則。

與CSSStyleRule 物件的parentRule功能相同

CSSStyleDeclaration方法:

屬性描述
getPropertyPriority()返回CSS規則中指定宣告的優先順序。
getPropertyValue()讀取CSS規則指定CSS屬性值。
removeProperty()刪除CSS規則指定CSS屬性。
setProperty()設定CSS規則指定CSS屬性值。
item()返回CSS規則中指定位置的屬性名稱。

相關文章