JS-DOM模型中元素的位置、尺寸属性

【第一组】
offsetleft:元素的边框的外边缘距离与已定位的父容器（offsetparent）的左边距离（不包括元素的边框和父容器的边框）。
 
offsettop:同理是指元素的边框的外边缘距离与已定位的父容器（offsetparent）的上边距离（不包括元素的边框和父容器的边框）。
 
offsetwidth:描述元素外尺寸宽度，是指元素内容宽度+内边距宽度(左右两个)+边框(左右两个)，不包括外边距和滚动条部分。
 
offsetheight:同理描述元素外尺寸高度，是指 元素内容高度+内边距高度(上下两个)+边框(上下两个)，不包括外边距和滚动条部分。
 
【第二组】
clientleft:元素的内边距的外边缘和边框的外边缘的距离，实际就是边框的左边框宽度
 
clienttop:同理边框的上边框的宽度
 
clientwidth:用于描述元素内尺寸宽度，是指元素内容+内边距 大小，不包括边框、外边距、滚动条部分
 
clientheight:同理用于描述元素内尺寸高度，是指 元素内容+内边距 大小，不包括边框、外边距、滚动条部分
 
【第三组】
scrollwidth：内容区域尺寸加上内边距加上溢出尺寸，当内容正好和内容区域匹配没有溢出时，这些属性与clientWidth和clientHeight相等
 
scrollheight：同上
 
scrolltop：滚动条上方卷去的高度
 
scrollleft：滚动条左边卷去的宽度