偏移量(offset dimension)

​偏移量​​:包括元素在屏幕上占用的所有可见空间,元素的可见大小由其高度,宽度决定,包括所有内边距,滚动条和边框大小(注意,不包括外边距)。

以下4个属性可以获取元素的偏移量

  • 1.​​offsetHeight​​:元素在垂直方向上占用的空间大小,以像素计。包括元素的高度(可见的),水平滚动条的高度,上边框高度和下边框高度。
  • 2.​​offsetWidth​​:元素在水平方向上占用的空间大小,以像素计。包括元素的宽度(可见的),垂直滚动条的宽度,左边框宽度和右边框宽度。
  • 3.​​offsetLeft​​:元素的左外边框至包含元素的左内边框之间的像素距离。
  • 4.​​offsetTop​​:元素的上外边框至包含元素的上内边框之间的像素距离。

其中offsetLeft,offsetTop属性与包含元素有关,包含元素的引用保存在offsetParent中,请注意offsetParent与parentNode的值不一定相等。

元素的offsetWidth\offsetHeight、offsetLeft\offsetTop等等_内边距

具体可参考这篇文章​​一文看懂js中元素偏移量(offsetLeft,offsetTop,offsetWidth,offsetHeight)​​