编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

Javascript简单改变表单元素背景的方法

Jul 15 Javascript

js文字横向滚动特效

Nov 11 Javascript

实例讲解jQuery EasyUI tree中state属性慎用

Apr 01 Javascript

jquery自动补齐功能插件flexselect用法示例

Aug 06 Javascript

Javascript中八种遍历方法的执行速度深度对比

Apr 25 Javascript

详解Angular的8个主要构造块

Jun 20 Javascript

一步步教你利用Canvas对图片进行处理

Sep 19 Javascript

JavaScript适配器模式详解

Oct 19 Javascript

mockjs,json-server一起搭建前端通用的数据模拟框架教程

Dec 18 Javascript

Node.js实现简单管理系统

Sep 23 Javascript

layui将table转化表单显示的方法(即table.render转为表单展示)

Sep 24 Javascript

详解vue-router的Import异步加载模块问题的解决方案

May 13 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

smarty半小时快速上手入门教程

2014/10/27 PHP

php文件上传简单实现方法

2015/01/24 PHP

php提交post数组参数实例分析

2015/12/17 PHP

PHP实现负载均衡session共享redis缓存操作示例

2018/08/22 PHP

Laravel框架文件上传功能实现方法示例

2019/04/16 PHP

飞鱼(shqlsl) javascript作品集

2006/12/16 Javascript

extjs fckeditor集成代码

2009/05/10 Javascript

jQuery实现购物车数字加减效果

2015/03/14 Javascript

javascript实现百度地图鼠标滑动事件显示、隐藏

2015/04/02 Javascript

javascript实现根据时间段显示问候语的方法

2015/06/18 Javascript

JS+CSS实现的蓝色table选项卡效果

2015/10/08 Javascript

javascript中类的定义方式详解(四种方式)

2015/12/22 Javascript

AngularJS遍历获取数组元素的方法示例

2017/11/11 Javascript

vue获取验证码倒计时组件

2019/08/26 Javascript

js实现录音上传功能

2019/11/22 Javascript

jQuery操作动画完整实例分析

2020/01/10 jQuery

JavaScript实现答题评分功能页面

2020/06/24 Javascript

使用 Python 处理 JSON 格式的数据

2019/07/22 Python

python文档字符串（函数使用说明）使用详解

2019/07/30 Python

Python生成器实现简单"生产者消费者"模型代码实例

2020/03/27 Python

Python 中如何写注释

2020/08/28 Python

css3 border旋转时的动画应用

2016/01/22 HTML / CSS

html5 canvas合成海报所遇问题及解决方案总结

2017/08/03 HTML / CSS

canvas实现图片镜像翻转的2种方式

2020/07/22 HTML / CSS

台湾深度自由行旅游平台：Tripbaa趣吧

2017/10/10 全球购物

idealfit英国：世界领先的女性健身用品和运动衣物品牌

2017/11/25 全球购物

描述一下JVM加载class文件的原理机制

2013/12/08 面试题

财务分析个人的自荐书范文

2013/11/24 职场文书

追悼会上的答谢词

2014/01/10 职场文书

英文留学推荐信范文

2014/01/25 职场文书

晚会主持词开场白

2014/03/17 职场文书

公司总经理岗位职责范本

2014/08/15 职场文书

教育局党的群众路线教育实践活动整改方案

2014/09/20 职场文书

公司行政助理岗位职责

2015/04/11 职场文书

早恋主题班会

2015/08/14 职场文书

导游词之湖北梁子湖

2019/11/07 职场文书