JavaScript兼容性總結之獲取非行間樣式案例

非行間樣式案例

#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];}

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

以上所述是小編給大家介紹的JavaScript兼容性總結之獲取非行間樣式的全部敘述，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！