DOM之getBoundingClientRect() 方法

使用 getBoundingClientRect() 返回的是对象，其包含：

x，y，top，bottom，left，right，width，height。

这些值的具体含义为：

x,y                   ：表示元素左上角距离视窗的坐标

width、height  ：表示元素的框和高（= text 的高度 + border + padding）

注意：下面 4 个属性的值在页面滚动时会发生改变

top                   ：元素上边框距离视窗顶部的的距离

bottom             ：元素下边框距离视窗顶部的的距离

left                   ：元素左边框距离视窗左边的的距离

right                 ：元素右边框距离视窗左部的的距离

同时可以参考下图：