美文网首页
offset家族

offset家族

作者: 不正经开发者 | 来源:发表于2018-01-27 09:02 被阅读0次

1、offsetWidth和offsetHeight(只能取值不能赋值)

    特征:获取元素占用的实际宽高(包括外边框和内边距),不带单位,获取的是number类型,可以获取行内、嵌入和外链的样式


2、offsetParent:(不要跟parentNode搞混)(只能取值不能赋值)

    特征:获取到自己定位所参照的父级元素

          只要元素没有定位,参照的都是body

          如果元素是固定定位,那么offsetParent获取到的是null

          如果元素是非固定定位,找离自己最近的定位父元素作为参照元素


3、offsetLeft和offsetTop(只能取值不能赋值)

    特征:获取到的是元素自己左边(和上边)的外边框到定位参照父元素的内边框的距离

相关文章

  • 06-JS特效-01三大系列和事件

    一、三大系列:offset家族、scroll家族、client 1、offset 1.1.简介 offset家族就...

  • 三大家族&&区别

    ----------------- offset --------------------- offset家族特点...

  • 前端基本功:JS(八):offset家族

    offset家族 offset 自己的目的: js中有一套方便的获取元素尺寸的办法就是offset家族; 1/...

  • offset家族与常用事件对象小结

    offset家族 offset自己的 目的:js中有一套方便的获取元素尺寸的办法就是offset家族; 1.1.1...

  • JS 特效

    offset家族三大家族和一个事件对象三大家族(offset/scroll/client)事件对象/event ...

  • offset家族

  • offset家族

    例如 div{ width:200px;border-left:2px solid red; padding:...

  • offset家族

    明明设置了width的值但是用js获取style.width的时候却为空,而offsetWidth不会 style...

  • offset家族

    三大家族和一个事件对象 三大家族(offset/scorll/client)事件对象/event(事件被触动时,鼠...

  • offset家族

    使用offset的目的: 为了可以获取元素自身的宽高属性和元素自身在页面中的位置信息。 offsetHeight ...

网友评论

      本文标题:offset家族

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