BOM的三大系列属性

1.client系列

• 元素.clientWidth：获取元素的可视宽度 content+padding

• 元素.clientHeight：获取元素的可视高度

• 元素.clientLeft和元素.clientTop：获取元素的左或上边框宽度

2.offset系列

• 元素.offsetWidth 获取元素的占位宽度 content+padding+border

• 元素.offsetHeight 获取元素的占位高度

• 元素.offsetLeft 可以获取元素到最近定位父元素的左侧距离 如果没有最近定位父元素，则是相当于body

• 元素.offsetTo p可以获取元素到最近定位父元素的上侧距离 如果没有最近定位父元素，则是相当于body

3.scroll系列

• 元素.scrollWidth 可以获取到元素的内容宽度

• 元素.scrollHeight 可以获取到元素的内容高度

• 元素.scrollLeft 可以获取元素内容被卷去的宽度

• 元素.scrollTop 可以获取元素内容被卷去的高度

  • ==注意==scrollTop和scrollLeft也可以设置具体被卷起的高度和宽度