编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

JavaScript入门教程(8) Location地址对象

Jan 31 Javascript

写自已的js类库需要的核心代码

Jul 16 Javascript

JavaScript去除空格的三种方法(正则/传参函数/trim)

Feb 06 Javascript

AngularJS基础 ng-class-odd 指令示例

Aug 01 Javascript

jQuery EasyUI tree 使用拖拽时遇到的错误小结

Oct 10 Javascript

非常实用的vue导航钩子

Mar 20 Javascript

js简单实现网页换肤功能

Apr 07 Javascript

基于ajax和jsonp的原生封装(实例)

Oct 16 Javascript

jQuery实现的简单图片轮播效果完整示例

Feb 08 jQuery

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动，右侧滑动)

Jan 23 Javascript

浅谈v-for 和 v-if 并用时筛选条件方法

Nov 07 Javascript

浅析我对JS延迟异步脚本的思考

Oct 12 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文件读写操作之文件写入代码

2011/01/13 PHP

解析如何去掉CodeIgniter URL中的index.php

2013/06/25 PHP

php之curl实现http与https请求的方法

2014/10/21 PHP

PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案

2017/10/17 PHP

thinkphp5框架API token身份验证功能示例

2019/05/21 PHP

js汉字排序问题支持中英文混排，兼容各浏览器，包括CHROME

2011/12/20 Javascript

js使用for循环及if语句判断多个一样的name

2014/09/09 Javascript

浅谈Javascript 数组与字典

2015/01/29 Javascript

超漂亮的jQuery图片轮播特效

2015/11/24 Javascript

JavaScript、C# URL编码、解码总结

2017/01/21 Javascript

Angular.js基础学习之初始化

2017/03/10 Javascript

Vuex提升学习篇

2018/01/11 Javascript

Angular5中提取公共组件之radio list的实例代码

2018/07/10 Javascript

element-ui upload组件多文件上传的示例代码

2018/10/17 Javascript

JS中比Switch...Case更优雅的多条件判断写法

2019/09/05 Javascript

解决vue更新路由router-view复用组件内容不刷新的问题

2019/11/04 Javascript

python求解水仙花数的方法

2015/05/11 Python

利用python打印出菱形、三角形以及矩形的方法实例

2017/08/08 Python

python如果快速判断数字奇数偶数

2019/11/13 Python

使用before和:after伪类制作css3圆形按钮

2014/04/08 HTML / CSS

StubHub巴西：购买和出售您的门票

2016/07/22 全球购物

美国领先的在线旅游网站：Orbitz

2018/11/05 全球购物

迪奥官网：Dior.com

2018/12/04 全球购物

个性化皮包、小袋、生活配件：Mon Purse

2019/03/26 全球购物

Etam俄罗斯：法国女士内衣和家居服网上商店

2019/10/30 全球购物

武汉东之林科技有限公司机试

2013/09/17 面试题

我们在web应用开发过程中经常遇到输出某种编码的字符，如iso8859-1等，如何输出一个某种编码的字符串？

2014/03/30 面试题

模具设计与制造专业应届生求职信

2013/10/18 职场文书

电子商务专业个人的自我评价分享

2013/10/29 职场文书

艺术学院毕业生自我评价

2014/03/02 职场文书

劳动纠纷调解协议书格式

2014/11/30 职场文书

2015会计试用期工作总结

2014/12/12 职场文书

企业党支部工作总结2015

2015/05/21 职场文书

新员工试用期工作总结2015

2015/05/28 职场文书

选调生挂职锻炼工作总结

2015/10/23 职场文书

vue报错function () { [native code] }，无法出现我们想要的内容 Unknown custom element

2022/04/11 Vue.js