DoM樣式方法

2022-01-16 13:09:59 字數 683 閱讀 4982

getpropertyvalue(propertyname (如「background-color")) --返回css特性propertyname的字串值。

removeproperty(propertyname )---從css中刪除propertyname。

setproperty(propertyname,value,priority)---最後乙個引數為空字元或者important。

訪問樣式表css規則

注意:使用style物件可以方便獲取某個有style特性元素的樣式的css樣式,但它無法表示由css規則或者在style特性外部定義的類定義的元素的樣式。

解決方案:

dom為每乙個樣式表指定了乙個cssrules的集合,它包含所有定義在樣式表中的css規則,如下:

var orules=document.stylesheets[0].cssrules||document.stylesheets[0].rules;(檢測不同瀏覽器,ie支援rules)

獲取ie行間樣式為或者類定義樣式:obj.currentstyle.backgroundcolor  

獲取dom行間樣式或者類定義樣式為:document.defaultview.getcomputedstyle(obj,null).backgroundcolor---最終顯示的是rgb的樣式

DOM程式設計 樣式操作

幾個需求 一 在我們進行登入註冊的時候,當我們的輸入不符合規則,游標離開後會變色來提示使用者 二 頁面換膚,使用者的選擇會改變整個頁面的樣式 可以通過外部引入css檔案,在head中內嵌css,在style屬性中新增css屬性 說明 下面的style對應的是cssstyledeclaretion的乙...

DOM操縱樣式表

乙個單詞的樣式通常名稱相同 兩個單詞的樣式通常改為駝峰命名法。只需要對style的相應屬性賦值,就可以操縱其樣式。div1.style.border 1px solid black style物件提供csstext描述樣式表屬性 getpropertyvalue propertyname 返回指定樣...

DOM操縱樣式表

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