获取元素尺寸,最常见的有四种方式

client

clientWidth、clientHeight获取元素边框、滚动条以内的尺寸,得到四舍五入的整数

offset

offsetWidth、offsetHeight获取元素包括边框、滚动条的尺寸,得到四舍五入的整数

scroll

scrollWidth、scrollHeight获取元素所有内容区的尺寸,包括移除区域,如果没有溢出则等于client,得到四舍五入的整数

getBoundingClientRect

getBoundingClientRect()和前面的属性不同,它是个方法,返回元素的各种长度数据,含小数

可以获取元素的最小矩形尺寸,如果是正常的盒子则差不多相当于offset(但是精度更高)