浅谈offset

本文详细解析了offset系列属性,包括offsetWidth、offsetHeight、offsetParent、offsetLeft和offsetTop的含义及使用场景,对比了offset与非行间样式的区别。

offsetWidth    返回元素的宽度(包括border和padding)

offsetHeight   返回元素的高度(包括border和padding)

offsetParent定义:那么offsetParent就是距离该子元素最近的进行过定位的父元素(position:absolute  relative fixed),如果其父元素中不存在定位则offsetParent为:body元 素

offsetLeft      距离可视区域左边的距离

offsetTop      距离可视区域上边的距离

 

offset 与 获取非行间样式的区别

1、offset 局限性大

2、offset获取元素的宽和高是按照标准和模型进行获取的

3、获取出来的结果是一个数值


非行间样式 1、灵活 2、 获取元素的宽度和高度是按照怪异盒模型进行获取的 、获取出来的结果是一个字符串

转载于:https://www.cnblogs.com/jsjx-xtfh/p/9490196.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值