美文网首页
offset家族

offset家族

作者: 思绪因你沉淀 | 来源:发表于2017-07-05 11:01 被阅读20次

    使用offset的目的:

    为了可以获取元素自身的宽高属性和元素自身在页面中的位置信息。

    offsetHeight offsetWidth

    可以获取元素的宽高
    与style.width和style.height的区别:
    style.width获取的是元素的width(content)的值,而offsetWidth获取的是width+padding+border的值。
    offsetHeight只可读,style.height只可写。

    offsetLeft offsetTop

    获取当前元素到有定位的父级元素的距离(如果没有定位过的父级元素就以body为标准)
    距离的计算:是当前元素的border(如果有的话)到定位父级的border,其中不包含定位父级的border,但是包含padding

    offsetParent

    获取当前元素的最近的带有定位的父级(不用是亲爸爸)

    parentNode获取当前元素的亲爸爸

    相关文章

      网友评论

          本文标题:offset家族

          本文链接:https://www.haomeiwen.com/subject/engthxtx.html