JavaScript相容性總結之擷取非行間樣式案例_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相容性總結之擷取非行間樣式的全部敘述，希望對大家有所協助，如果大家有任何疑問歡迎給我留言，小編會及時回複大家的！