DIV CSS 佈局教程網

非行間樣式案例

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