offset家族方法

• offsetWidth();

  • //获取元素自身宽度 构成 ：width + padding + border

• offsetHeight();

  • 获取元素自身高度 构成 ：height + padding + border

• offsetLeft();

  • 获取元素距离左边带有定位的父级元素的距离（最近的带有定位的父级元素的距离）

• offsetTop();

  • 获取元素距离顶部带有定位的父级元素的距离（该元素的边框外到定位的父级元素的边框外）

• offsetParent();

  • 获取距离子盒子最近的带有定位的父盒子的对象，如果所有的父盒子都没有定位，得到的是body对象

• offsetParent()和parentNode()方法的区别

  • alert(son.offsetParent().tagName());
  • offsetParent()找到的父盒子必须是最近的定位的元素
  • parentNode() 找到的必须是子盒子的亲生父亲,不管父盒子是否有定位。