javascript获取元素偏移量的方法有哪些
更新时间：2014年06月24日 18:00:42 投稿：whsnow
javascript中可以通过四个属性获得元素的偏移量，offsetHeight、offsetWidth、offsetLeft、offsetTop，下面为大家解释下各属性的含义
通过四个属性可以获得元素的偏移量：
1、offsetHeight: 元素在垂直方向上占用的空间的大小，（像素）。包括元素的高度，（可见的）水平滚动条的高度，上边框高度和下边框高度。
2、offsetWidth:元素在水平方向上占用的空间的大小，，（像素）。包括元素的宽度，（可见的）垂直滚动条的高度，左边框高度和右边框高度。
3、offsetLeft: 元素的左外边框至包含元素的左内边框之间的像素距离；
3、offsetTop: 元素的上外边框至包含元素的上内边框之间的像素距离；
相关文章
分页全选或反选标识 对多选按钮操作。 批量全选添加、批量移除。 行单选添加、移除。 分页之后(全选或不选)状态标识依然存在2011-08-08
本文主要分享了js封装一个tab切换效果的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要是用js实现拾色器效果，来自国外的网站，喜欢的朋友可以参考下2013-08-08
这篇文章主要介绍了JS实现Cookie读、写、删除操作工具类,涉及javascript针对cookie的读、写、删除、清空等相关操作实现技巧,并附带了简单cookie操作插件供大家参考,需要的朋友可以参考下2018-08-08
用代码做出的玫瑰花，这才是牛逼程序员送给女友的最好情人节礼物呢2012-02-02
本文给大家分享一个带有变形动画特效的下拉导航菜单特效，该导航菜单在菜单项之间切换时，下拉菜单会快速的根据菜单内容的大小来动态变形，显示合适的下拉菜单大小，效果非常棒。对导航下拉菜单代码感兴趣的朋友可以参考下本文2016-11-11
这篇文章主要介绍了基于JS+HTML实现弹窗提示是否确认提交功能,需要的朋友可以参考下2020-06-06
本文希望通过一道简单的题目,让刚接触JavaScript的新手们了解一个合格的前端程序员需要具备哪些素质,文章给大家介绍了JavaScript电话号码格式化的多种实现方式,感兴趣的小伙伴跟着小编一起来看看吧2024-11-11
这篇文章主要为大家详细介绍了javascript实现拖拽碰撞检测,碰撞改变颜色，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了javascript高级定时器，针对javascript的代码队列进行详细解析，感兴趣的小伙伴们可以参考一下2015-12-12
最新评论