js如何獲取非行間樣式

我們都知道，js不能直接獲取樣式表中的樣式，例如width，left，只能直接獲取行內樣式，但是現在主流不建議寫行內樣式，因此我們封裝一個可以直接獲取非行間樣式的函數

<span style="font-size:18px;"> function getStyle(obj,name){
     if(obj.currentStyle){
         return obj.currentStyle[name];
     }
     else{
         return getComputedStyle(obj,false)[name];  //false是一個無用的參數
     }
 }</span>

　

getStyle 函數有 2 個參數，第一個參數 obj 爲要獲取的對象，第二個參數 name 爲要獲取的屬性，並且做了兼容處理，currentStyle 針對 IE 瀏覽器，getComputedStyle 針對火狐瀏覽器。