编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

用Div仿showModalDialog模式菜单的效果的代码

Mar 05 Javascript

js 利用className得到对象的实现代码

Nov 15 Javascript

JavaScript脚本库编写的方法

Dec 09 Javascript

深入理解JavaScript中Ajax

Aug 02 Javascript

Node.js发送HTTP客户端请求并显示响应结果的方法示例

Apr 12 Javascript

解决ztree搜索中多级菜单展示不全问题

Jul 05 Javascript

JavaScript数组的5种迭代方法

Sep 29 Javascript

jQuery Datatables表头不对齐的解决办法

Nov 27 jQuery

利用vue.js把静态json绑定bootstrap的table方法

Aug 28 Javascript

nuxt.js中间件实现拦截权限判断的方法

Nov 21 Javascript

使用vue for时为什么要key【推荐】

Jul 11 Javascript

jQuery实现高度灵活的表单验证功能示例【无UI】

Apr 30 jQuery

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学习之流程控制实现代码

2011/06/09 PHP

解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别

2013/06/24 PHP

ThinkPHP行为扩展Behavior应用实例详解

2014/07/22 PHP

javascript 简单高效判断数据类型系列函数 By shawl.qiu

2007/03/06 Javascript

为JavaScript提供睡眠功能(sleep) 自编译JS引擎

2010/08/16 Javascript

Notify - 基于jquery的消息通知插件

2011/10/18 Javascript

JS通过ajax动态读取xml文件内容的方法

2015/03/24 Javascript

基于jquery实现瀑布流布局

2020/06/28 Javascript

三个js循环的关键字示例(for与while)

2016/02/16 Javascript

Bootstrap模块dropdown实现下拉框响应

2016/05/22 Javascript

基于Vue渲染与插件的加载顺序的问题详解

2018/03/05 Javascript

nodejs如何在package.json中设置多条启动命令

2020/03/16 NodeJs

vue-openlayers实现地图坐标弹框效果

2020/09/24 Javascript

python网络编程学习笔记(八)：XML生成与解析（DOM、ElementTree）

2014/06/09 Python

python 遍历字符串(含汉字)实例详解

2017/04/04 Python

使用Python编写Prometheus监控的方法

2018/10/15 Python

python实现朴素贝叶斯算法

2018/11/19 Python

python通过ffmgep从视频中抽帧的方法

2018/12/05 Python

python傅里叶变换FFT绘制频谱图

2019/07/19 Python

关于阿里云oss获取sts凭证 app直传 python的实例

2019/08/20 Python

TensorFlow:将ckpt文件固化成pb文件教程

2020/02/11 Python

使用Python画了一棵圣诞树的实例代码

2020/11/27 Python

HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题

2020/05/28 HTML / CSS

外企C语言笔试题

2013/11/10 面试题

如何利用cmp命令比较文件

2016/04/11 面试题

个人自我鉴定怎么写

2013/10/28 职场文书

大学生年度自我鉴定

2013/10/31 职场文书

机关财务管理制度

2014/01/17 职场文书

实习单位证明范例

2014/11/17 职场文书

城南旧事电影观后感

2015/06/16 职场文书

新年祝酒词大全

2015/08/11 职场文书

诚信教育主题班会

2015/08/13 职场文书

2016年社区中秋节活动总结

2016/04/05 职场文书

jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()

2021/03/31 jQuery

使用 Apache Superset 可视化 ClickHouse 数据的两种方法

2021/07/07 Servers

Python使用华为API为图像设置多个锚点标签

2022/04/12 Python