使用offset的目的:
为了可以获取元素自身的宽高属性和元素自身在页面中的位置信息。
offsetHeight offsetWidth
可以获取元素的宽高
与style.width和style.height的区别:
style.width获取的是元素的width(content)的值,而offsetWidth获取的是width+padding+border的值。
offsetHeight只可读,style.height只可写。
offsetLeft offsetTop
获取当前元素到有定位的父级元素的距离(如果没有定位过的父级元素就以body为标准)
距离的计算:是当前元素的border(如果有的话)到定位父级的border,其中不包含定位父级的border,但是包含padding
offsetParent
获取当前元素的最近的带有定位的父级(不用是亲爸爸)
parentNode获取当前元素的亲爸爸
网友评论