JS 元素大小

DOM中确定元素大小

偏移量

offsetTop, offsetHeight, offsetLeft, offsetWidth

客户区大小

元素内容及其内边距所占据的空间的大小; clientWidth clientHeight; 滚动条占用的空间不计算在内,可用来确定浏览器视口大小

滚动大小

包含滚动内容的元素的大小;
scrollHeight:没有滚动条情况下,元素内容的总高度,即实际高度
scrollWidth:没有滚动条情况下,元素内容的总宽度,即实际宽度
scrollLeft:被隐藏在内容区域左侧的像素数
scrollTop:被隐藏在内容区域上方的像素数

确定元素大小: getBoundingClientRect( ), 返回矩形对象,left top right bottom