DOM 元素自身有关的位置 和大小的属性

特效制作

元素自身有关的位置 和大小的属性

偏移量属性

• offsetParent 偏移参考父级，距离自己最近的有定位的父级，如果都没有定位参考body(html)
• offsetLeft/offsetTop 偏移位置:自身边框最外点距离参考父级边框内边的距离
  child.offsetLeft;
• offsetWidth/offsetHeight 偏移大小：边框+内边距+width

客户端大小

• client 系列没有参考父级元素。
• clientLeft/clientTop 边框区域尺寸，不常用
• clientWidth/clientHeight 边框内部大小：盒子自己的padding+width

滚动偏移属性

• scrollLeft/scrollTop 盒子内部滚动出去部分的尺寸：滚动出内边框外的部分
• scrollWidth/scrollHeight 盒子内容的宽度和高度：padding+内容宽度（子元素撑开的距离）

案例

• 拖拽案例
• 弹出登录窗口