Javascript讀取CSS屬性的問題

標籤：

 

在編寫Javascript代碼的時候，經常會遇到一個問題就是使用element.style.property只能讀取定義在HTML標籤裡的style樣式，但是定義在<style>標籤以及外部的樣式確不能讀取得到。 但是，瀏覽器開發商們為element提供了一個屬性可以擷取這些樣式。IE提供的是obj.currentStyle.property,而標準瀏覽器們提供的是一個方法obj.getComputedStyle(obj,null).property。

所以，可以通過封裝一個方法來實現擷取樣式了

    function getStyle(element,property){     　　 var styleValue=null;   　   if(element.getComputedStyle){   　　　　　　　styleValue=element.getComputedStyle(element,null)[property]  　　　　}else{       　　　　styleValue=element.currentStyle[property];  　　　　} 　　　　return styleValue; 　　}    

 

Javascript讀取CSS屬性的問題