ps：是取得樣式，不是設定樣式。若沒有為元素設定樣式值，則傳回瀏覽器給予的預設值。 （論壇整理）
1、element.style:只能取得寫在元素標籤中的style屬性裡的樣式值，無法取得到定義在和透過載入進來的樣式屬性
var ele = document.getElementById('ele');
ele.style.color; //取得顏色
2、window.getComputedStyle():可以取得目前元素所有最終使用的CSS屬性值。
window.getComputedStyle("元素", "偽類");
這個方法接受兩個參數：要取得計算樣式的元素和一個偽元素字串（例如“:before”） 。如果不需要偽元素訊息，第二個參數可以是null。也可以透過document.defaultView.getComputedStyle(“元素”, “偽類”);來使用
程式碼如下:
var ele = document.getElementById('ele');
var styles = window.getComputedStyle(ele,null);
styles.color; //取得顏色
可以透過style.length來查看瀏覽器預設樣式的個數。 IE6-8不支援該方法，需要使用後面的方法。對於Firefox和Safari，會把顏色轉換成rgb格式。
3、element.currentStyle:
IE 專用，傳回的是元素目前應用的最終CSS屬性值（包括外鏈CSS文件，頁中嵌入的
注意：對於綜合屬性border等，ie返回undefined，其他瀏覽器有的返回值，有的不返回，但是borderLeftWidth這樣的屬性是返回值的
4、getPropertyValue()：
取得CSS樣式的直接屬性名稱
程式碼如下:
var ele = document.getElementById('ele');
window.getComputedStyle(ele,null).getPropertyValue('color');
注意：屬性名稱不支援駝峰格式，IE6-8不支援此方法，需要使用下面的方法
5、getAttribute()：
與getPropertyValue類似，有一點的差異是屬性名駝峰格式
程式碼如下:
var test = document.getElementById('test');
window.getComputedStyle(test, null).getPropertyValue("backgroundColor");
注意：此方法只支援IE6-8。
下面的取得樣式方法相容於IE、chrome、FireFox等
程式碼如下:
function getStyle(ele) {
var style = null;
if(window.getComputedStyle) {
style = window.getComputedStyle(ele, null);
}else{
style = ele.currentStyle;
}
return style;
}
在JQuery中，常用css()取得樣式屬性，其底層運作就應用了getComputedStyle以及getPropertyValue方法。
