DOM基础笔记——元素大小和偏移

目录

1、.offsetParent

2、.offsetLeft

5、.offsetTop

4、.offsetHeight

5、.offsetWidth

6、offset和style的区别

7、总结表

---

1、.offsetParent

只读属性，返回一个指向最近的带有定位或者为（table,td,th,body）的父元素。它返回的是一个元素对象。

parentObj = element.offsetParent;

2、.offsetLeft

是一个只读属性，返回当前元素左上角相对于.offsetParent节点的左边界偏移的像素值。

即元素左边距离.offsetParent元素左边的距离。

父绝子相，子left-20px效果：

5、.offsetTop

返回当前元素相对于其.offsetParent元素的顶部内边距的距离。

父相子绝，子top:-20px效果：