DOM2 Style 學習總結

2021-08-30 07:29:11 字數 1201 閱讀 7690

dom2 style 也叫dom2 css,是w3c dom2級規範的成員。

提供了訪問和操作所有與css相關的樣式及規則的能力。

cssstylesheet物件

通過 document.stylesheets 訪問到cssstylesheet的集合。其中每乙個元素是乙個cssstylesheet,就是從樣式檔案引入或用定義的乙個樣式列表。

屬性disabled : true or false ,該樣式是否可用。

屬性cssrules : 所有樣式的列表,在ie中要用rules(比較簡單,但是另搞一套,明顯是給程式設計師找麻煩,鄙視!) 

useage : document.stylesheets[0].cssrules[0].selectortext

cssstylerule物件

上面的cssrules 取到的就是cssstylerule物件的集合,每乙個cssstylerule物件就是一條css樣式。

csstext屬性:以字串形式表示了當前狀態的全部規則(ie不支援)。

useage : document.stylesheets[0].cssrules[0].csstext

selectortext 屬性: 規則的選擇符。(.classname)

style屬性 : 與htmlelement.style取得的物件類似,取得了乙個cssstyledeclaration物件的引用。

cssstyledeclaration物件

上面style屬性取到的就是乙個cssstyledeclaration物件,包含了一條樣式的所有樣式屬性。

csstext屬性:以字串形式表示了當前狀態的全部規則(ie說:「這個可以支援!」)。

useage : document.stylesheets[0].cssrules[0].style.csstext

下面三個ie都不支援,

getpropertyvalue(propertyname) 方法

removeproperty(propertyname) 方法

setproperty(propertyname,value,priority) 方法

以上是dom2 style的主要物件,實際上常用的方式是htmlelement.style.stylename 來修改和訪問屬性,認識了上面的物件我認為更有利於整體把握css樣式的使用。

DOM學習總結(六)DOM導航

什麼是 html dom 導航?dom是乙個以節點關係組成的結構,所以我們可以使用節點之間的關聯找到整個html頁面中的元素 1.html dom 節點列表 getelementsbytagname 方法 返回所查詢元素的所有節點列表 節點列表是乙個節點陣列 可以通過下標訪問這些節點 注意下標是從0...

DOM學習總結(二)

一.什麼是dom屬性 dom屬性簡單來說就是html的屬性值 二.常見的dom屬性有哪些?1.innerhtml 屬性 獲取元素的內容,想要拿到某個元素的文字內容,直接在後面加 innerhtml var txt document.getelementbyid h1 innerhtml 2.node...

AJAX學習 DOM基礎 2

閒話少說,繼續學習dom的一些基礎知識 childnodes 可以將節點樹中任何乙個元素的所有子元素檢索出來,這個屬性返回乙個陣列,包含 了給定元素節點的全體子元素。nodetype 一般用於文字節點 用來區分節點的型別,元素節點的nodetype屬性值是1,屬性節點的nodetype屬性值 是2,...