以下開(kāi)始定義getStyle()函數(shù)：

這個(gè)函數(shù)的用法非常簡(jiǎn)單，傳遞兩個(gè)參數(shù)：第一個(gè)參數(shù)為需要獲取樣式的元素對(duì)象；第二個(gè)參數(shù)為樣式的屬性名，屬性名規(guī)則與style一致，即多個(gè)單詞的屬性名除了第一個(gè)單詞外其它的均需首字母大寫(xiě)： var cbc = pan.getStyle(element, 'backgroundColor');//獲取背景色 var w = pan.getStyle(element, 'width');//獲取寬度 var blw = pan.getStyle(element, 'borderLeftWidth');//獲取左邊框的寬度 以下開(kāi)始定義getComputedStyle()函數(shù) 方法獲取給定元素的樣式表。這個(gè)函數(shù)有兩個(gè)參數(shù)：第一個(gè)參數(shù)為需要獲取樣式的元素對(duì)象；第二個(gè)參數(shù)為偽元素，如:hover, :first-letter, :before等等，如果不需要偽元素則該參數(shù)為null。

getComputedStyle()函數(shù)

可以從 document.defaultView 對(duì)象中訪問(wèn)到，即可以這樣調(diào)用該函數(shù)： var cbc = document.defaultView.getComputedStyle(element,null).backgroundColor; 以上語(yǔ)句的作用就是獲取 element 元素當(dāng)前的 background-color 屬性值。 getComputeStyle()函數(shù)的調(diào)用結(jié)果就是 element 元素的樣式表，理應(yīng)是一個(gè)對(duì)象。該對(duì)象還有一個(gè)方法：getPropertyValue()。該方法只有一個(gè)參數(shù)，即需要獲取的樣式的屬性名，屬性名與樣式表中的形式相同，即背景色的屬性名為 background-color，而非 backgroundColor。