DOM特效

• DOM提供了一套与元素自身有关的位置和大小的属性

偏移量属性

offset系列属性

• offsetParent偏移参考父级，距离自己最近的有定位的父级，如果没有定位参考body(html)

• offsetLeft / offsetTop 偏移位置：偏移参考父级边框以内 到 自己的边框外 -> 不包含偏移参考父级的边框，不包含自己的边框

• offsetWidth / offsetHeight 偏移大小：自己当前实际的宽度和高度

• 配图

client系列属性

• client系列没有参考父级元素，关注自己
• clientLeft(左边框宽度) / clientTop(顶部边框宽度) : 边框区域尺寸，不常用
• clientWidth / clientHeight : 边框以内的大小(不包含边框)
• 配图

scroll系列属性

根据内部的内容以及子元素有关

• scrollLeft / scrollTop : 盒子内部滚动出去的尺寸
• scrollWidth / scrollHeight : 盒子内容的宽度和高度
• 配图