元素的offsetWidth\offsetHeight、offsetLeft\offsetTop等等

偏移量(offset dimension)

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

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

  • 1.offsetHeight:元素在垂直方向上占用的空间大小,以像素计。包括元素的高度(可见的),水平滚动条的高度,上边框高度和下边框高度。

  • 2.offsetWidth:元素在水平方向上占用的空间大小,以像素计。包括元素的宽度(可见的),垂直滚动条的宽度,左边框宽度和右边框宽度。

  • 3.offsetLeft:元素的左外边框至包含元素的左内边框之间的像素距离。

  • 4.offsetTop:元素的上外边框至包含元素的上内边框之间的像素距离。

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

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

菜鸟教程https://www.runoob.com/jsref/dom-obj-all.html

posted @ 2022-11-09 16:28  槑孒  阅读(70)  评论(0编辑  收藏  举报