比較 width 與 offsetwidth 的區別
阿新 • • 發佈:2019-02-08
比較width 與 offsetWidth 的區別
1、offsetWidth > width
element.offsetWidth = element.style.width + element.style.padding + element.style.border;(不包括margin)
2、offsetWidth 屬性僅僅可讀,而style.width 是可寫的;
所以通常用 style.width
用作進JavaScript
中設定元素的寬度,而offsetWidth
不可以。
3、offsetWidth 屬性返回值是整數,如果實際值是小數,會根據實際值進行四捨五入操作,返回處理後的整數。width=44.499px
49
; width=44.5px
;輸出結果為45
; 而style.width的返回值是字串,並且帶有單位
width=44.499px
;輸出結果為44.499px
;
4、style.width僅僅能返回以style方式定義的內部樣式表的width屬性值。
因此樣式寫在行內的時候<div id="box" style="width:100px">
,用style.width
或者offsetWidth
都可以獲取元素的寬度;
如果寫在css
樣式表中的時候,.box{width:100px;}
,此時只能用offsetWidth
來獲取元素的寬度,而style.width
所返回的值為空。