1.偏移量
offsetHeight ? ? ? ?元素在垂直方向上占用的空間大小,以像素記。包括元素的高度,(可見的)水平滾動條的高度,上邊框高度和下邊框高度。
offsetWidth ? ? ? ? 元素在水平方向上占用的空間大小,以像素記。包括元素的寬度,(可見的)垂直滾動條的寬度,左邊框寬度和有邊框寬度。
offsetLeft ? ? ? ? ? ?元素的左外邊框至包含元素的左內邊框之間的像素距離。
offsetTop ? ? ? ? ? ?元素的上外邊框至包含元素的上內邊框之間的像素距離。
偏移量
2.客戶區大小
clientWidth ? ? ?元素的內容區寬度加上左右內邊距寬度。
clientHeight ? ? 元素內容區高度加上上下內邊距高度。
客戶區大小
3.滾動大小
scrollHeight ? 在沒有滾動條的情況下,元素內容的總高度。
scrollWidth ? ?在沒有滾動條的情況下,元素內容的總寬度。
scrollLeft ? ? ? 被隱藏內容區域左側的像素數。通過設置這個屬性可以改變元素的滾動位置。
scrollTop ? ? ? 被隱藏載內容區域上方的像素數。通過設置這個屬性可以改變元素的滾動位置。
滾動大小