一、偏移量

? 偏移量包括元素在屏幕上占用的所有可見的空間。元素的可見大小由其高度、寬度決定，包括所有內邊距、滾動條和邊框大小（注意，不包括外邊距）。通過下列4個屬性可以取得元素的偏移量。

? offsetHeight：元素在垂直方向上占用的空間大小，以像素計。包括元素的高度、（可見的）水平滾動條的高度、上邊框高度和下邊框高度。

? offsetWidth：元素在水平方向上占用的空間大小，以像素計。包括元素的寬度、（可見的）水平滾動條的寬度、上邊框寬度和下邊框寬度。

? offsetLeft：元素的左外邊框至包含元素的左內邊框之間的像素距離。

? offsetTop：元素的上外邊框至包含元素的上內邊框之間的像素距離。

? 其中，offsetLeft和offsetTop屬性與包含元素有關，包含元素的引用保存在offsetParent屬性中。

? ??注意：

? 1、所有偏移量屬性都是只讀的，而且每次訪問他們都需要重新計算。

? 2、包含元素指帶有定位元素（相對定位，絕對定位，固定定位）的父元素，如果父元素不是定位元素，則繼續上溯所有祖先元素直到body。

二、客戶區大小

? 客戶區大小指的是元素內容及其內邊距所占據的空間大小。

? clientWidth：元素內容區寬度加上左右內邊距寬度。

? clientHeight：元素內容區高度加上上下內邊距高度。

? ??注意：

? 1、滾動條占用的空間不計算在內。

? 2、客戶區大小是只讀的。

三、滾動大小

? 滾動大小指的是包含滾動內容的元素的大小。

? scrollHeight：在沒有滾動條的情況下，元素內容的總高度。

? scrollWidth：在沒有滾動條的情況下，元素內容的總寬度。

? scrollLeft：被隱藏在內容區域左側的像素數。通過設置這個屬性可以改變元素的滾動位置。

? scrollTop：被隱藏在內容區域上方的像素數。通過設置這個屬性可以改變元素的滾動位置。

四、確定元素大小

? getBoundingClientRect()方法返回一個矩形對象，包含4個屬性：left、top、right和bottom。

轉載于:https://www.cnblogs.com/xsnow/p/10901607.html

總結

以上是生活随笔為你收集整理的DOM元素大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。