一、offset系列
offset有五个属性分别是:
offsetWidth:获取元素的宽。
offsetHeight: 获取元素的高.
offsetHeight = height + padding + border
语法:document.getElementById('div').offsetWidth(因为document.getElementById('div').style.width只能获取行内样式,而嵌入式里的样式就需要offsetWidth)。
offsetLeft获取元素到父级元素的左边距
offsetTop获取元素到父级元素的上边距
1,到距离自身最近的(带有定位的)父元素的 左侧/顶部
2,如果所有父级元素都没有定位,则以body为准
3,offsetLeft是自身border左侧到父级padding左侧的距离
offsetParent 返回该对象距离最近的带有定位的父级元素,如果当前元素的所有父级元素都没有定位(position为absolute或relative),那么offsetParent为body
二、scroll系列
scrollWidth: 获取元素实际内容的宽度,如果内容没有沾满元素的一行,获取的是元素的宽度(包括padding,不加边框)
scrollHeight:获取元素实际内容的高
scrollTop:卷曲上去的值
scrollleft:向左卷曲出去的值
三、client系列
clientWidth:可视区域的宽(不包含边框),边框内部的宽度
clientHeight:可视区域的高(不包含边框),边框内部的高度
clientLeft:左边边框的宽度
clientTop :上面的边框的高度