JavaScript 三大家族
offset
* offsetLeft和offsetTop的作用:
1.获取到元素第一个定位(position)的祖先元素之间的偏移位;
2.如果没有祖先元素是定位(position)的,那么就是获取到body的偏移位;
* offsetHeight和offsetWidth:
1.offsetHeight = 高度 + 内边距 + 边框;
2.offsetWidth = 宽度 + 内边距 + 边框;
* offsetParent的作用:
1.获取元素的第一个定位(position)祖先元素;
2.如果没有祖先元素是定位(position),那么获取到的就是body;
client
* clientLeft和clientTop的作用:
1.clientLeft:获取到元素左边框的宽度;
2.clientTop:获取到元素顶部边框的宽度;
* clientHeight和clientWidth:
1.clientHeight = 高度 + 内边距;
2.clientWidth = 宽度 + 内边距;
scroll
* scrollLeft和scrollTop的作用:
1.scrollLeft:超出元素内边距左边的距离;
2.scrollTop:超出元素内边距顶部的距离;
* scrollHeight和scrollWidth:
1.scrollHeight: = 元素高度 + 内边距的高度 + 超出的高度;
2.scrollWidth: = 元素宽度 + 内边距宽度 + 超出的宽度;