编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

Javascript简单实现可拖动的div

Oct 22 Javascript

特殊情况下如何获取span里面的值

May 20 Javascript

JS操作HTML自定义属性的方法

Feb 10 Javascript

js实现文字跑马灯效果

Feb 23 Javascript

jQuery取得元素标签名称小结（附代码）

Aug 16 jQuery

详解Node.js异步处理的各种写法

Jun 09 Javascript

利用不到200行代码写一款属于你自己的js类库

Jul 08 Javascript

layui的面包屑或者表单不显示的解决方法

Sep 05 Javascript

Node.js API详解之 net模块实例分析

May 18 Javascript

js利用iframe实现选项卡效果

Aug 09 Javascript

vue 判断页面是首次进入还是再次刷新的实例

Nov 05 Javascript

JavaScript实现贪吃蛇游戏

Jun 16 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 和 XML: 使用expat函数(二)

2006/10/09 PHP

解析php中curl_multi的应用

2013/07/17 PHP

PHP实现批量生成App各种尺寸Logo

2015/03/19 PHP

Yii数据读取与跳转参数传递用法实例分析

2016/07/12 PHP

PHP实现的迪科斯彻(Dijkstra)最短路径算法实例

2017/09/16 PHP

Jquery 组合form元素为json格式,asp.net反序列化

2009/07/09 Javascript

24款非常有用的 jQuery 插件分享

2011/04/06 Javascript

js解析与序列化json数据(三)json的解析探讨

2013/02/01 Javascript

编写js扩展方法判断一个数组中是否包含某个元素

2013/11/08 Javascript

封装的jquery翻页滚动(示例代码)

2013/11/18 Javascript

Jquery+asp.net后台数据传到前台js进行解析的方法

2014/05/11 Javascript

BootStrap3学习笔记(一)之网格系统

2016/05/20 Javascript

简单易懂的天气插件（代码分享）

2017/02/04 Javascript

从零学习node.js之利用express搭建简易论坛(七)

2017/02/25 Javascript

js原生Ajax的封装和原理详解

2017/03/11 Javascript

vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据

2017/04/22 Javascript

Angular6封装http请求的步骤详解

2018/08/13 Javascript

mock.js模拟数据实现前后端分离

2019/07/24 Javascript

[02:08]我的刀塔不可能这么可爱胡晓桃_1

2014/06/20 DOTA

python使用cookie库操保存cookie详解

2014/03/03 Python

Python实现快速排序和插入排序算法及自定义排序的示例

2016/02/16 Python

Python使用PIL库实现验证码图片的方法

2016/03/11 Python

python2.7和NLTK安装详细教程

2018/09/19 Python

python数据结构之线性表的顺序存储结构

2018/09/28 Python

使用python根据端口号关闭进程的方法

2018/11/06 Python

深入了解Django中间件及其方法

2019/07/26 Python

python PIL和CV对图片的读取,显示,裁剪,保存实现方法

2019/08/07 Python

pandas分批读取大数据集教程

2020/06/06 Python

解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题

2020/07/14 Python

HTML5学习笔记之History API

2015/02/26 HTML / CSS

世界上最悠久的自行车制造商：Ribble Cycles

2017/03/18 全球购物

美国机场停车位预订：About Airport Parking

2018/03/26 全球购物

25岁生日感言

2014/01/13 职场文书

幼儿园师德演讲稿

2014/05/06 职场文书

煤矿隐患排查制度

2015/08/05 职场文书

2016关于军训的心得体会

2016/01/11 职场文书