javascript 動態(tài)修改樣式和層疊樣式表代碼

2024-05-06 14:10:18

字體：大中小

供稿：網(wǎng)友

W3C DOM2樣式規(guī)則
==========================================================
CSSStyleSheet對象
　 CSSStyleSheet對象表示的是所有CSS樣式表，包括外部樣式表和使用<style type="text/css"></style>標(biāo)簽指定的嵌入式樣式表。
CSSStyleSheet同樣構(gòu)建于其他的DOM2 CSS對象基礎(chǔ)之上，而CSSStyleRule對象表示的則樣式表中的每條規(guī)則。
　　通過document.stylesheets屬性可以取得文檔中CSSStyleSheet對象的列表，其中每個對象有下列屬性
　　type　　　　　　　　始終為text/css
　　disabled　　　　　　相應(yīng)樣式表是應(yīng)于還是禁用于當(dāng)前文檔
　 href　　　　　　　　樣式表相對于當(dāng)前文檔的URL
　　title　　　　　　　　分組樣式標(biāo)簽
　　media　　　　　　樣式應(yīng)用的目標(biāo)設(shè)備類型(screen、print)
　　ownerRule　　　　只讀CSSRule對象，若樣式用@import導(dǎo)入，表示其父規(guī)則
　　cssRules 　　　　　只讀cssRuleList列表對象，包含樣式表中所有CSSRule對象
　　==========================================================
　　insertRule(rule,index)　　　　添加新的樣式聲明
　　deleteRule(index)　　　　　從樣式表中移除規(guī)則
CSSStyleRule對象
　　每個CSSStyleSheet對象內(nèi)部包含著一組CSSStyleRule對象。這些對象分別對應(yīng)著類似下面這樣一條規(guī)則：
　　boyd{
　　　font:lucida,verdana,sans-serif;
　　　　background:#c7600f;
　　　　color:#1a3800;
　　}
CSSStyleRule對象具有下列屬性：
　　type　　　　　　　　繼承自CSSRule對象的一個屬性，以0~6中的一個數(shù)字表示規(guī)則類型
　　cssText　　　　　　以字符串形式表示的當(dāng)前狀態(tài)下的全部規(guī)則
　　parentStyleSheet　　引用父CSSStyleRule對象
　　parentRule　　　　　如果規(guī)則位于另一規(guī)則中，該屬性引用另一個CSSRule對象
　　selectorText　　　　包含規(guī)則的選擇符
　　style　　　　　　　　與HTMLElement.style相似，是CSSStyleDeclaration對象的一個實(shí)例
CSSStyleDeclaration對象
　　表示一個元素的style屬性，與CSSStyleRule對象類似，CSSStyleDeclaration具有下面屬性：
　　cssText　　　　以字符串形式表示的全部規(guī)則
　　parentRule　　將引用CSSStyleRule對象
　　==========================================================
　　getPropertyValue(propertyName)　　　　　　CSS樣式屬性值
　　removeProperty(propertyName)　　　　　　從聲明中移除屬性
　　setProperty(propertyName,value,priority)　　設(shè)置CSS屬性值
把樣式置于DOM腳本之外
=========================================================
style屬性
　　style屬性本身是一個表示特定元素的所有不同CSS樣式的CSSStyleDeclaration對象，通過style屬性只能訪問到在元素的style屬性中以嵌入方式聲明的CSS屬性。換句話說，通過style屬性無法訪問到由多重樣式表層疊而來或者從父元素繼承的CSS屬性。

上一篇：google 搜索框添加關(guān)鍵字實(shí)現(xiàn)代碼

下一篇：javascript XMLHttpRequest對象全面剖析