JS基础 操作DOM元素尺寸 （offset、client 偏移量 窗口尺寸）语法

offset

一个元素在页面（文档流）的占位
元素.offsetWidth
元素.offsetHeight
得到该元素的内容+padding+border的尺寸
display:none是拿不到尺寸的,在页面上占位才能拿到尺寸, 如果不占位, 那么拿不到尺寸

client

元素.clientWidth
元素.clientHeight
得到元素的内容+padding的尺寸
注意：display:none是拿不到尺寸的,在页面上占位才能拿到尺寸, 如果不占位, 那么拿不到尺寸

元素偏移量

结构父级：该标签外的标签
定位父级：假设给该标签设置绝对定位时，根据谁来定位的，谁就是定位父级，获取偏移量就参考谁
元素.offsetLeft
元素.offsetTop
该元素相对于参考元素左边和上边的距离
元素.clientLeft
元素.clientTop
该元素自己 padding 区域相对于自己 border 左上角的尺寸，就是上边框 + 左边框

获取窗口尺寸

document.documentElement.clientWidth
document.documentElement.clientHeight
不包含滚动条