javascript中可以通过四个属性获得元素的偏移量,offsetHeight、offsetWidth、offsetLeft、offsetTop,下面为大家解释下各属性的含义

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

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

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

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

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

最新资讯
传捷信将员工输送到美团送外卖、还得穿工装 回应:消息不实

传捷信将员工输送到美

近日,有网友爆料称,由于受到疫情及监管影响,捷信消费有限
腾讯QQ上线青少年模式 减少对学习干扰降低社交风险

腾讯QQ上线青少年模式

QQ新版本近期上线,QQ青少年模式在原有的学习模式基础上
因公司未履行指定义务 乐视网原董事长刘淑青被限制高消费

因公司未履行指定义务

天眼查App显示,近日,乐视网信息技术(北京)股份有限公司原
58同城宣布完成与Quantum Bloom的私有化合并

58同城宣布完成与Quan

市场消息称,58同城宣布完成与Quantum Bloom的私有化合
京东健康计划本月在港IPO 刘强东变身IPO收割机

京东健康计划本月在港

9月18日消息,京东旗下超级独角兽——京东健康计划最早
特斯拉已在60个Electrify America充电站

特斯拉已在60个Electr

据国外媒体报道,电动汽车制造商特斯拉已在约60个Electr
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,