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: = 元素宽度 + 内边距宽度 + 超出的宽度;

JavaScript 三大家族(offset/client/scroll)-LMLPHP

09-16 14:55