element.offsetWidth:chrome
返回元素的寬度,包括邊框和內邊距。瀏覽器
element.offsetHeight:spa
返回元素的高度,包括邊框和內邊距。code
currentStyle:對象
獲取計算後的樣式,也叫當前樣式、最終樣式。優勢:能夠獲取元素的最終樣式,包括瀏覽器的默認值,而不像style只能獲取行間樣式,因此更經常使用到。注意:不能獲取複合樣式如background屬性值,只能獲取單同樣式如background-color等。currentStyle 在ie、opera上是可行的,沒法適用於全部瀏覽器的。blog
getComputedStyle( obj , false ): element
是支持 w3c (FF十二、chrome 1四、safari):在FF新版本中只須要第一個參數,即操做對象,第二個參數寫「false」也是你們通用的寫法,目的是爲了兼容老版本的火狐瀏覽器。
因此能夠這樣來寫兼容:get
1 var obj= document.getElmentById("id"); 2 var getStyle = function (obj,attr) { 3 if(obj.currentStyle){ 4 // 5 return parseInt(obj.currentStyle[attr]); 6 }else{ 7 return parseInt(getComputedStyle(obj,false)[attr]); 8 } 9 }