DOM操縱樣式表

2021-07-10 14:07:30 字數 1086 閱讀 4536

乙個單詞的樣式通常名稱相同

兩個單詞的樣式通常改為駝峰命名法。

只需要對style的相應屬性賦值,就可以操縱其樣式。

div1.style.border = "1px solid black "

style物件提供csstext描述樣式表屬性

getpropertyvalue(propertyname)

返回指定樣式的值

引數為css樣式的名稱,如:background-color

getpropertypriority(propertyname)

獲採樣式優先順序

item(index)

返回指定索引的css屬性名稱,如:background-color

removeproperty(propertyname)

刪除樣式

setpropertypriority(propertyname,val,priority)

設定優先順序important或乙個空字串

style物件無法得到外部樣式表的樣式。

document.stylesheets得到所有樣式表的集合。

dom為樣式表指定了乙個稱為cssrules的集合。

ie有乙個名稱為rules的集合。

//獲取並操作外部樣式表

var cssrules = 

document.stylesheets[0].cssrules || document.stylesheets[0].rules;

alert(cssrules[0].style.color);

//修改外部樣式表

cssrules[1].style.backgroundcolor = "red";

是終顯示樣式由內聯樣式和css規則共同組成。

ie和dom具有不同的處理方式

ie在每個元素上提供currentstyle物件。

可以用currentstyle得到內部樣式和外部樣式規則屬性。

currentstyle是唯讀屬性。

domdocument.defaultview.getcomputedstyle(div,null).backgroundcolor

很多瀏覽器不支援。

DOM操縱樣式表

1 在dom中,對於每個css樣式,style物件都包含了乙個相對應的屬性,只不過格式略有不同。對於單個詞的css樣式,style物件用相同的屬性名來代表 eg color樣式用 style.color代表 對於兩個單詞的樣式,style樣式用去掉兩個詞之間的連線線 並且第二個詞的首寫字母是大寫的屬...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

基準樣式表

翻譯 css的初學者常因為瀏覽器的預設樣式表,而生產一些錯誤。可以設定乙個基本的樣式表,恢復css最基本的樣貌。global settings html,body body headings h1,h2,h3,h4,h5,h6 h1 h2 h3 common formatting p,ul,ol u...