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: = 元素寬度 + 內邊距寬度 + 超出的寬度;
 

相關推薦