元素的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 @   槑孒  阅读(90)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
历史上的今天:
2021-11-09 C# 文件操作
点击右上角即可分享
微信分享提示