JS擷取內聯樣式

標籤：自己的   etc   nbsp   方法   span   return   else   元素   style   

JS擷取內聯樣式

//擷取內聯樣式    function getCss(obj,attr){//obj:對象，name：style屬性        if(obj.currentStyle) {            return obj.currentStyle[attr];        }        else {            return document.defaultView.getComputedStyle(obj,null)[attr];        }    }

大家都知道，用document.getElementById(‘element‘).style.xxx可以擷取元素的樣式資訊，可是它擷取的只是DOM元素style屬性裡的樣式規則，對於通過class屬性引用的外部樣式表，就拿不到我們要的資訊了。 

DOM標準裡有個全域方法getComputedStyle，可以擷取到當前對象樣式規則資訊，如：getComputedStyle(obj,null).paddingLeft

但是事情還沒完，萬惡的IE不支援此方法，它有自己的一個實現方式，那就是currentStyle，不同於全域方法getComputedStyle，它是作為DOM元素屬性存在的，如：obj.currentStyle.paddingLeft，在IE中就擷取到對象的左內邊距了

JS擷取內聯樣式