DOM操縱樣式表

2021-07-10 14:53:47 字數 911 閱讀 6962

(1).在dom中,對於每個css樣式,style物件都包含了乙個相對應的屬性,只不過格式略有不同。對於單個詞的css樣式,style物件用相同的屬性名來代表(eg:color樣式用

style.color代表);對於兩個單詞的樣式,style樣式用去掉兩個詞之間的連線線、並且第二個詞的首寫字母是大寫的屬性名來代表(eg:background-color用style.backgroundcolor代表)。

注意:事件處理程式使用this關鍵字來引用div元素本身,並訪問它的style物件。

(3).style還有乙個屬性csstext,用來表示描述乙個元素樣式的css字串。

(4).getpropertyvalue(propertyname)——返回css屬性的屬性值的字串值,propertyname必須是在css樣式中指定的格式。

(5).item(index)——返回指定索引的css屬性名稱。

(6).removeproperty(propertyname)——從css定義中刪除propertyname。

(7).ie瀏覽器不支援style物件的方法。因此,最好使用style的屬性來獲取和設定css屬性。

(8).disabled——指示樣式表是否disabled。

(9).href——外部樣式表的url;對於style元素該值為null(mozilla瀏覽器會返回頁面的位址)。

(10).dom為某個樣式表指定了乙個稱為cssrules的集合。

(11).ie最終樣式:currentstyle物件中的所有屬性是唯讀的。

(12).dom的最終樣式:(很多瀏覽器不支援)。接收兩個引數:乙個是要獲採樣式的元素,乙個是偽元素(第二個引數可以是空)。

(13).最終樣式:乙個元素可能有多個樣式作用於其上,最終在螢幕上顯示的樣式,稱之為最終樣式。 

DOM操縱樣式表

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

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...