js中的getBoundingClientRect方法
getBoundClientRect()获取元素位置,这个方法是没有参数的。
用于获取页面中某个元素的左,上,右,下 分别相对浏览器窗口的位置(不包含卷上去的部分)。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/495f446a083b25d879d6b58d875f24eb.jpeg)
这个方法返回一个对象,这个对象有6个属性:top,left,right,bottom,width,height。
top:元素上边到视窗上边的距离;
right:元素右边到视窗左边的距离;
bottom:元素下边到视窗上边的距离;
left:元素左边到视窗左边的距离;
width:元素自身的宽度;
height:元素自身的高度。