2020-11-17offsetxxx属性

offsetxxx属性

• 获取元素的宽高

• offsetWidth、offsetHeight

• 元素.offsetWidth：获取内容宽度，包括padding和border

• 元素.offsetHeight：获取内容高度，包括padding和border

• 注意：只能获取不能设置，无兼容问题

---

• 获取元素的位置

• 元素.offsetTop：获取元素距离第一个定位祖先元素的偏移位

• 元素.offsetLeft：获取元素距离第一个定位祖先元素的偏移位

• 注意：

  • 没有定位祖先元素，则获取到body的偏移位
  • 只能获取不能设置，无兼容问题

---

• 获取定位元素

• 元素.offsetParent：获取元素的第一个定位祖先元素

• 注意：没有定位祖先元素，则获取body