WebAPI-offset系列属性

蓬莱老仙

于 2019-12-05 11:01:49 发布

阅读量385

点赞数

分类专栏： WebAPI

本文链接：https://blog.csdn.net/weixin_44486539/article/details/103394275

版权

offset属性用于获取元素的偏移量，包括offsetParent、offsetWidth、offsetHeight、offsetLeft和offsetTop。offsetParent返回最近的定位父元素，offsetWidth和offsetHeight包含元素的padding和border。offsetLeft和offsetTop分别提供元素的水平和垂直偏移，考虑了定位和流体布局的影响。

摘要由CSDN通过智能技术生成

offset 翻译过来就是 “偏移量” 的意思，通过 offset 系列的属性可以动态的获取元素的宽、高、top值、left值等；通过 offset 获取的是任意样式列表中的样式值，这些属性都是只读属性只可获取不能赋值；offset 系列获取的值均没有单位都是数字类型。

offsetParent

element.offsetParent 该属性会返回当前元素最近的带有定位的父级元素，如果父级元素都没有设置定位则返回 body 标签

element 需要获取对应值的 DOM 元素

<div class="box">
  <p>p 标签</p>
</div>

<script>
  function $(selector) {
    
    return document.querySelector(selector)
  }
  // 打印最近的设置了定位的元素
  console.log($('.box > p').offsetParent) // body
</script>