偏移量(offset dimension)
偏移量
:包括元素在屏幕上占用的所有可见空间,元素的可见大小由其高度,宽度决定,包括所有内边距,滚动条和边框大小(注意,不包括外边距)。
以下4个属性可以获取元素的偏移量
- 1.
offsetHeight
:元素在垂直方向上占用的空间大小,以像素计。包括元素的高度(可见的),水平滚动条的高度,上边框高度和下边框高度。 - 2.
offsetWidth
:元素在水平方向上占用的空间大小,以像素计。包括元素的宽度(可见的),垂直滚动条的宽度,左边框宽度和右边框宽度。 - 3.
offsetLeft
:元素的左外边框至包含元素的左内边框之间的像素距离。 - 4.
offsetTop
:元素的上外边框至包含元素的上内边框之间的像素距离。
其中offsetLeft,offsetTop属性与包含元素有关,包含元素的引用保存在offsetParent中,请注意offsetParent与parentNode的值不一定相等。
具体可参考这篇文章一文看懂js中元素偏移量(offsetLeft,offsetTop,offsetWidth,offsetHeight)