offset系列:
(父级元素margin+父级元素padding+父级元素border+自己的margin)
offsetLeft:元素距离左边位置的值
offsetTop:元素距离上面位置的值
元素自身的宽度:content+padding+border
offsetWidth:获取元素的宽度(有边框)
offsetHeight:获取元素的高度(有边框)
scroll系列:卷曲
scrollLeft:元素向左卷曲出去的距离
scrollTop:元素向上卷曲出去的距离
scrollWidth:元素中内容的实际的宽度,如果没有内容,或者内容很少,元素的宽度
scrollHeight:元素中内容的实际的高度,如果没有内容,或者内容很少,元素的高度
client系列:
clientWidth:元素可视区域的宽度,没有边框
clientHeight:元素可视区域的高度,没有边框
clientLeft:元素左边框的宽度
clientTop:元素上边框的宽度
clientX:可视区域的横坐标（事件例如鼠标位置可以用到）
clientY:可视区域的纵坐标
js不能直接获取到写在css里面的属性值
当然内嵌式的可以读取到，但是内嵌式一般不这么写
所以js要获取到元素的宽高位置要靠上面三大系列来实现
网友评论