currentStyle、getComputedStyle

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 }
相關文章
相關標籤/搜索