DOM基础知识（六）

DOM基本操作中的边边角角

• 查看元素视觉上的尺寸( 不包含margin )

  • dom.offsetWidth
  • dom.offsetHeight

• 查看元素的坐标

  • dom.offsetLeft

  • dom.offsetTop

  • 对于无定位父级的元素，返回相对文档的坐标

  • 对于有定位父级的元素，返回相对最近的有定位父级的坐标

• 查看最近的有定位的父级

  • dom.offsetParent
  • 如果没有则返回body
  • body.offsetParent返回null

• 查看元素的几何属性( 坐标、尺寸… )

  • domElem.getBoundingClientRect();

  • height、width属性在老版本IE中并未实现

  • 返回的结果 不是实时的

    扫描二维码关注公众号，回复： 10144170 查看本文章

---

• 让滚动条滚动

  window {
    scroll(x, y){...},
    scrollTo(x, y){...},
    scrollBy(x, y){...},
  }
  

• scroll()和scrollTo()没有区别，都是让滚动条滚动到指定的位置

• scrollBy()是在之前的数据基础上做累加