①该方法返回元素的大小及其相对于视口的位置;
②返回值是一个 DOMRect 对象,这个对象是由该元素的 getClientRects()方法返回的一组矩形的集合,就是该元素的 CSS 边框大小;
③返回的结果是包含完整元素的最小矩形,并且拥有 left、top、right、bottom、x、y、width、height 这几个以像素为单位的只读属性用于描述整个边框,除了 width 和 height 以外的属性是相对于视图窗口的左上角来计算的;
④应用场景:1、获取 dom 元素相对于网页左上角定位的距离:var positionX = this.getBoundingClientRect ().left + document.documentElement.scrollLeft;var positionY = this.getBoundingClientRect ().top + document.documentElement.scrollTop;2、判断元素是否在可视区域内;