编程 Javascript

javascript获取元素偏移量的方法有哪些

Posted in Javascript onJune 24, 2014

通过四个属性可以获得元素的偏移量：

1、offsetHeight: 元素在垂直方向上占用的空间的大小，（像素）。包括元素的高度，（可见的）水平滚动条的高度，上边框高度和下边框高度。

2、offsetWidth:元素在水平方向上占用的空间的大小，，（像素）。包括元素的宽度，（可见的）垂直滚动条的高度，左边框高度和右边框高度。

3、offsetLeft: 元素的左外边框至包含元素的左内边框之间的像素距离；

3、offsetTop: 元素的上外边框至包含元素的上内边框之间的像素距离；

javascript获取元素偏移量的方法有哪些

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于javascript中的parseInt使用技巧

Sep 03 Javascript

Jquery 弹出层插件实现代码

Oct 24 Javascript

jquery.validate使用攻略第二部

Jul 01 Javascript

jquery.simple.tree插件更简单，兼容性更好的无限树插件

Sep 03 Javascript

我的Node.js学习之路（三）--node.js作用、回调、同步和异步代码以及事件循环

Jul 06 Javascript

Bootstrap表单布局样式源代码

Jul 04 Javascript

EasyUI创建对话框的两种方式

Aug 23 Javascript

bootstrap基础知识学习笔记

Nov 02 Javascript

Angular.JS中的指令引用template与指令当做属性详解

Mar 30 Javascript

vue超时计算的组件实例代码

Jul 09 Javascript

Vue中computed、methods与watch的区别总结

Apr 10 Javascript

Angular 中使用 FineReport不显示报表直接打印预览

Aug 21 Javascript

Jquery之Bind方法参数传递与接收的三种方法

Jun 24 #Javascript

JQuery 在线引用及测试引用是否成功

Jun 24 #Javascript

extjs 时间范围选择自动判断的实现代码

Jun 24 #Javascript

搭建pomelo 开发环境

Jun 24 #Javascript

JavaScript支持的最大递归调用次数分析

Jun 24 #Javascript

Node.js中require的工作原理浅析

Jun 24 #Javascript

angularjs实现与服务器交互分享

Jun 24 #Javascript

You might like

PHP strtok()函数的优点分析

2010/03/02 PHP

ezSQL PHP数据库操作类库

2010/05/16 PHP

php中3种方法删除字符串中间的空格

2014/03/10 PHP

php中explode的负数limit用法分析

2015/02/27 PHP

Knockoutjs快速入门(经典)

2012/12/24 Javascript

Jquery图片滚动与幻灯片的实例代码

2013/04/08 Javascript

JavaScript简单表格编辑功能实现方法

2015/04/16 Javascript

JQuery中基础过滤选择器用法实例分析

2015/05/18 Javascript

jQuery实现高亮显示网页关键词的方法

2015/08/07 Javascript

原生js实现class的添加和删除简单代码

2016/07/12 Javascript

解决wx.onMenuShareTimeline出现的问题

2016/08/16 Javascript

angularJS+requireJS实现controller及directive的按需加载示例

2017/02/20 Javascript

vue.js动态数据绑定学习笔记

2017/05/19 Javascript

Vue集成Iframe页面的方法示例

2017/12/12 Javascript

JavaScript数据结构之栈实例用法

2019/01/18 Javascript

Vue实现图片与文字混输效果

2019/12/04 Javascript

Python 网页解析HTMLParse的实例详解

2017/08/10 Python

Python连接phoenix的方法示例

2017/09/29 Python

Python2包含中文报错的解决方法

2018/07/09 Python

Python深拷贝与浅拷贝用法实例分析

2019/05/05 Python

Django单元测试工具test client使用详解

2019/08/02 Python

Python Gluon参数和模块命名操作教程

2019/12/18 Python

python 8种必备的gui库

2020/08/27 Python

利用python制作拼图小游戏的全过程

2020/12/04 Python

Django扫码抽奖平台的配置过程详解

2021/01/14 Python

Tirendo比利时：在线购买轮胎

2018/10/22 全球购物

印度领先的眼镜电子商务网站：Lenskart

2019/12/16 全球购物

师范毕业生求职自荐信

2013/09/25 职场文书

《一个中国孩子的呼声》教学反思

2014/02/12 职场文书

中式结婚主持词

2014/03/14 职场文书

区域销售主管岗位职责

2014/06/15 职场文书

机电一体化毕业生自荐信

2014/06/19 职场文书

授权委托书（完整版）

2014/09/10 职场文书

白鹤梁导游词

2015/02/06 职场文书

陪护人员误工证明

2015/06/24 职场文书

《鸡兔同笼》教学反思

2016/02/19 职场文书