獲取元素當(dāng)前樣式

getStyle(obj, styleName)

寫這篇文章的目的是為了拿到當(dāng)前元素的現(xiàn)有的樣式，直接的element.style只能拿到行內(nèi)樣式，無法拿到渲染完成結(jié)果的樣式，所以用這么一個(gè)小方法來實(shí)現(xiàn)

DOM標(biāo)準(zhǔn)里有一個(gè)全局方法getComputedStyle，這個(gè)方法可以獲取當(dāng)前對象的全部樣式（包括通過class屬性飲用的外部樣式表帶入的樣式等等非行內(nèi)樣式），使用方法如：getComputedStyle(obj,null).width，拿到的就是obj的width（結(jié)果是字符串，如：'100px'，哪怕你給的是em，輸出的結(jié)果依然是px單位的）。

但事情遠(yuǎn)沒有這么簡單，畢竟我們是生活在有IE的世界里，所以IE有另外一個(gè)自己的方法，就是currentStyle，不同于全局方法getComputedStyle，它是作為DOM元素屬性存在的，也就是說，同樣是拿寬度，使用方法是：obj.currentStyle.width（IE里如果用的是em的話那么出來的結(jié)果也是em的）。

為了保證兼容性，所以要寫:

obj.currentStyle || getComputedStyle(obj,null)

這樣就能獲取到對象的現(xiàn)有樣式表，是個(gè)大對象，但是屬性名是駝峰的，在float屬性上，F(xiàn)F瀏覽器是cssFloat，而IE7是styleFloat，IE9是兩個(gè)都可能有，這樣的兼容性就不好調(diào)了，但是我們還有一個(gè)方法，就是getPropertyValue，可以直接寫屬性名，這個(gè)方法IE9+以上都支持。
不過既然說了是IE9+，那么678我們不能不管啊，678還有一個(gè)方法，就是getAttrbute方法，getAttrbute方法提供了和getPropertyValue方法類似的功能，用法還與getPropertyValue類似。不過IE6依然是駝峰寫法，如果你拋棄了IE6，那么新世界大門就打開了。
最終的封裝方法就是這樣了：

function getStyle(obj, styleName) {
    var oStyle = obj.currentStyle ? obj.currentStyle : window.getComputedStyle(obj, null);
    if (oStyle.getPropertyValue) {
        return oStyle.getPropertyValue(styleName);
    } else {
        return oStyle.getAttrbute(styleName);
    }
}

此方法不支持IE6。