XML DOM CSS2Properties 對(duì)象
CSS2Properties 對(duì)象是所有 CSS2 屬性及其值的集合。
CSS2Properties 對(duì)象描述
CSS2Properties 對(duì)象表示一組 CSS 樣式屬性及其值。它為 CSS 規(guī)范定義的每一個(gè) CSS 屬性都定義一個(gè) JavaScript 屬性。
一個(gè) HTMLElement 的 style 屬性是一個(gè)可讀可寫(xiě)的 CSS2Properties 對(duì)象,就好像 CSSStyleRule 對(duì)象的 style 屬性一樣。不過(guò),Window.getComputedStyle() 的返回值是一個(gè) CSS2Properties 對(duì)象,其屬性是只讀的。
CSS2Properties 對(duì)象屬性
cssText 屬性
cssText 屬性是一組樣式屬性及其值的文本表示。這個(gè)文本格式化為一個(gè) CSS 樣式表,去掉了包圍屬性和值的元素選擇器的花括號(hào)。
將這一屬性設(shè)置為非法的值將會(huì)拋出一個(gè)代碼為 SYNTAX_ERR 的 DOMException 異常。當(dāng) CSS2Properties 對(duì)象是只讀的時(shí)候,試圖設(shè)置這一屬性將會(huì)拋出一個(gè)代碼為 NO_MODIFICATION_ALLOWED_ERR 的 DOMException 異常。
與 CSS 屬性相對(duì)應(yīng)的屬性
除了 cssText 屬性,CSS2Properties 對(duì)象還有針對(duì)瀏覽器所支持的每個(gè) CSS 屬性都有一個(gè)對(duì)象的屬性。這些屬性的名稱與 CSS 的屬性名緊密對(duì)應(yīng),但是為了避免 JavaScript 中的語(yǔ)法錯(cuò)誤而進(jìn)行了一些改變。含有連字符的多詞屬性(如 font-family)在 JavaScript 中沒(méi)有連字符,而是每個(gè)詞的第一個(gè)字符大寫(xiě)(如fontFamily)。此外,float 屬性與保留字 float 沖突,所以被轉(zhuǎn)換成 cssFloat。
和 CSS2 規(guī)范所定義的每個(gè)屬性相對(duì)應(yīng)的 CSS2Properties 屬性名在 style 對(duì)象參考手冊(cè)中列出。請(qǐng)注意,有些瀏覽器并不支持所有的 CSS 屬性,因而也可能并不支持列出的所有屬性。由于這些屬性直接對(duì)應(yīng)于 CSS 屬性,您也可以參考 W3School 提供的 CSS 參考手冊(cè),來(lái)查看它們的含義和合法值。