1. offsetWidth
  2. offsetHeight
  3. offsetLeft
  4. offsetTop
  5. offsetParent
    学习笔记 JS---offset

offsetParent 偏移父级(定位父级)

  1. 定位父级offsetParent的定义是:与当前元素最近的经过定位(position不等于static)的父级元素
  2. 元素自身有fixed定位,offsetParent的结果为null
  3. 元素自身无fixed定位,且父级元素都未经过定位,offsetParent的结果为
  4. 元素自身无fixed定位,且父级元素存在经过定位的元素,offsetParent的结果为离自身元素最近的经过定位的父级元素
  5. 元素的parentNode是null

offsetWidth

offsetWidth获取元素的宽度:width+padding+border

offsetHeight

offsetHeight获取元素的高度:width+padding+border

offsetLeft(横向偏移量)

offsetLeft表示元素的左外边框至offsetParent元素的左内边框之间的像素距离

offsetTop(纵向偏移量)

offsetTop表示元素的上外边框至offsetParent元素的上内边框之间的像素距离

相关文章: