关于前端学习:Javascript操作DOM的页面元素与尺寸相关的API

获取元素尺寸

• 特点 ：当元素设置display: none 时，获取的尺寸为 0
• 获取元素内容、内边距、边框的尺寸：

宽度：获取元素的变量.offsetWidth
高度：获取元素的变量.offsetHeight

• 获取元素内容、内边距的尺寸：

宽度：获取元素的变量.clientWidth
高度：获取元素的变量.clientHeight

获取与本人最近的定位父元素：获取元素的变量.offsetParent

获取元素的偏移量

• 特点：元素应用 right 和 bottom 进行定位，会主动转换左偏移量和上偏移量
• 获取与本人最近的定位父元素：获取元素的变量.offsetParent
• 获取元素绝对于父元素右边或上边的偏移量:

左偏移量：获取元素的变量.offsetLeft
右偏移量：获取元素的变量.offsetTop

获取页面的尺寸（不蕴含滚动条）

宽度：document.documentElement.clientWidth
高度：document.documentElement.clientHeight