element.style.left/top等系列无法获取到外部样式表中的属性,(暂时理解为只能获取到行内样式),所以需要用到其他的属性
offset系列:获取元素的宽,高,left,top, offsetParent
offsetWidth:元素的宽,有边框
offsetHeight:元素的高,有边框
offsetLeft:元素距离左边位置的值
offsetTop:元素距离上面位置的值
********************************************
scroll系列:卷曲出去的值
scrollLeft:向左卷曲出去的距离
scrollTop:向上卷曲出去的距离
scrollWidth:元素中内容的实际的宽(如果内容很少,没有内容==》元素自身的宽),不含边框
scrollHeight:元素中内容的实际的高(如果内容很少或者没有内容==>元素自身的高),不含边框
********************************************
client系列:可视区域
clientWidth:可视区域的宽(没有边框),边框内部的宽度
clientHeight:可视区域的高(没有边框),边框内部的高度
clientLeft:左边边框的宽度
clientTop :上面的边框的宽度
原文:https://www.cnblogs.com/fyy-new/p/9337634.html