元素區域由內至外依次爲：內容區域、內邊距、邊框、外邊距。（盒子模型）如下圖：
通過以下四個屬性可以取得元素的偏移量：、
offsetHeight：垂直方向上佔用空間大小（像素），包括元素內容區高度、左右內邊距高度、水平滾動條的高度（可見的）、上下邊框高度。（不包括外邊距），這裏值爲240。
offsetWidth：水平方向上佔用空間大小（像素），包括元內容區素寬度、左右內邊距寬度、垂直滾動條的寬度（可見的）、左右邊框寬度。（不包括外邊距），這裏值爲240。
offsetLeft：元素左外邊框到包含該元素的左內邊框的距離（像素）（若包含元素爲body，這裏取值爲100）。
offsetTop：元素上外邊框到包含該元素的上內邊框的距離（像素）（若包含元素爲body，這裏取值爲100）。
客戶區大小：
clientWidth：元素內容區寬度加上左右內邊距寬度，這裏取值爲200。
clientHeight：元素內容區高度加上上下內邊距高度，這裏取值爲200。
滾動大小：
scrollHeight：元素內容的高度（取沒有滾動條時的值，即元素內容的實際高度）；
scrollWidth：元素內容的寬度（取沒有滾動條時的值，即元素內容的實際寬度）；
scrollLeft：隱藏在內容區域左側的像素數；
scrollTop：隱藏在內容區域上部的像素數。