编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

JavaScript 继承使用分析

May 12 Javascript

jQuery类选择器用法实例

Dec 23 Javascript

跟我学习javascript解决异步编程异常方案

Nov 23 Javascript

JavaScript实现图片自动加载的瀑布流效果

Apr 11 Javascript

原生js编写焦点图效果

Dec 08 Javascript

JavaScript实现的搜索及高亮显示功能示例

Aug 14 Javascript

jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码

Aug 23 jQuery

VUE长按事件需求详解

Oct 18 Javascript

vue 中使用 watch 出现了如下的报错的原因分析

May 21 Javascript

Ant design vue中的联动选择取消操作

Oct 31 Javascript

原生js实现表格循环滚动

Nov 24 Javascript

Vue h函数的使用详解

Feb 18 Vue.js

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分页函数代码（简单实用型）

2010/12/02 PHP

thinkphp普通查询与表达式查询实例分析

2014/11/24 PHP

php修改上传图片尺寸的方法

2015/04/14 PHP

分享3个php获取日历的函数

2015/09/25 PHP

Yii数据模型中rules类验证器用法分析

2016/07/15 PHP

PHP实现图的邻接矩阵表示及几种简单遍历算法分析

2017/11/24 PHP

javaScript 关闭浏览器 (不弹出提示框)

2010/01/31 Javascript

jQuery ui实现动感的圆角渐变网站导航菜单效果代码

2015/08/26 Javascript

JS填写银行卡号每隔4位数字加一个空格

2016/12/19 Javascript

浅谈js-FCC算法Friendly Date Ranges(详解)

2017/04/10 Javascript

解读ES6中class关键字

2017/11/20 Javascript

Vue代码分割懒加载的实现方法

2017/11/23 Javascript

Vue.js自定义事件的表单输入组件方法

2018/03/08 Javascript

小程序清理本地缓存的方法

2018/08/17 Javascript

vue-cli 3.0 自定义vue.config.js文件,多页构建的方法

2018/09/19 Javascript

vue如何进行动画的封装

2018/09/26 Javascript

VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

2018/11/28 Javascript

用WebStorm进行Angularjs 2开发(环境篇：Windows 10，Angular-cli方式)

2018/12/05 Javascript

为什么要使用Vuex的介绍

2019/01/19 Javascript

vue中过滤器filter的讲解

2019/01/21 Javascript

基于vue实现一个禅道主页拖拽效果

2019/05/27 Javascript

详谈vue中router-link和传统a链接的区别

2020/07/22 Javascript

Python中static相关知识小结

2018/01/02 Python

Python+OpenCV+pyQt5录制双目摄像头视频的实例

2019/06/28 Python

Python 用matplotlib画以时间日期为x轴的图像

2019/08/06 Python

对Django 中request.get和request.post的区别详解

2019/08/12 Python

Linux下升级安装python3.8并配置pip及yum的教程

2020/01/02 Python

pycharm 复制代码出现空格的解决方式

2021/01/15 Python

python数据抓取3种方法总结

2021/02/07 Python

YSL Beauty加拿大官方商城：圣罗兰美妆加拿大

2017/05/15 全球购物

程序运行正确, 但退出时却＂core dump＂了，怎么回事

2014/02/19 面试题

节约用水标语

2014/06/11 职场文书

群众路线教育党员自我剖析材料

2014/10/06 职场文书

同事欢送会致辞

2015/07/31 职场文书

JUnit5常用注解的使用

2021/07/02 Java/Android

php修改word的实例方法

2021/11/17 PHP