js相容總結之獲取非行間樣式

非行間樣式案例

#div1 {
    width: 200px;
    height: 200px;
    background: red;
}

IE獲取非行間樣式

var oDiv = document.getElementById('div1'); 
oDiv.currentStyle.width;

Chrome/FF獲取非行間樣式

var oDiv = document.getElementById('div1');
oDiv.getComputedStyle(oDiv,false).width;

我的相容性寫法

var oDiv = document.getElementById('div1');
var eleWidth = oDiv.currentStyle && oDiv.currentStyle.width || getComputedStyle(oDiv,false).width;

我的擴展性寫法

function getStyle(obj,name){
    return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj,false)[name];
}

==註意== 以上只能獲取非行間樣式，不能設置非房間樣式的值。