一、offsetLeft/offsetTop

offsetLeft：元素最左邊離最近的有定位的父級之間的距離，不帶單位。

offsetTop：元素最上邊離最近的有定位的父級之間的距離，不帶單位。

?

上圖中，給box1設置了定位，box2設置了一個margin-left:10px

box2.offsetLeft=10

二、offsetWidth/offsetHeight

offsetWidth：元素的寬度，包含邊框，不帶單位

offsetHeight：元素的高度，包含邊框，不帶單位

box1.offsetWidth=120

box2.offsetwidth=60

三、clientWidth/clientHeight

clientWidth：元素的寬度，不包含邊框，不帶單位

clientHeight：元素的高度，不包含邊框，不帶單位

box1.clientWidth=100

box2.clientHeight=50

?

轉載于:https://www.cnblogs.com/lemonlee/p/9521793.html

總結

以上是生活随笔為你收集整理的offsetLeft 、offsetWidth、scrollHeight等的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

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