为了可以获取元素自身的宽高属性和元素自身在页面中的位置信息。
可以获取元素的宽高
与style.width和style.height的区别：
style.width获取的是元素的width（content）的值，而offsetWidth获取的是width+padding+border的值。
offsetHeight只可读，style.height只可写。
获取当前元素到有定位的父级元素的距离（如果没有定位过的父级元素就以body为标准）
距离的计算：是当前元素的border（如果有的话）到定位父级的border，其中不包含定位父级的border，但是包含padding
获取当前元素的最近的带有定位的父级（不用是亲爸爸）
parentNode获取当前元素的亲爸爸
一、三大系列：offset家族、scroll家族、client 1、offset 1.1.简介 offset家族就...
----------------- offset --------------------- offset家族特点...
offset家族 offset 自己的目的： js中有一套方便的获取元素尺寸的办法就是offset家族； 1/...
offset家族 offset自己的 目的：js中有一套方便的获取元素尺寸的办法就是offset家族； 1.1.1...
offset家族三大家族和一个事件对象三大家族（offset/scroll/client）事件对象/event ...
例如 div{ width：200px;border-left:2px solid red; padding:...
明明设置了width的值但是用js获取style.width的时候却为空，而offsetWidth不会 style...
三大家族和一个事件对象 三大家族（offset/scorll/client）事件对象/event(事件被触动时，鼠...
使用offset的目的： 为了可以获取元素自身的宽高属性和元素自身在页面中的位置信息。 offsetHeight ...
本文标题：offset家族
本文链接：https://www.haomeiwen.com/subject/engthxtx.html
网友评论