getBoundingClientRect

getBoundingClientRect() 方法返回一个 DOMRect 对象，表示指定元素的大小及其相对于视口的位置。

这个方法可以用于获取元素的边界框信息，包括元素的上边界、下边界、左边界、右边界、宽度和高度等属性。可以通过调用该方法来获取元素相对于视口的位置和大小，这对于进行页面布局或者进行一些基于元素位置的计算非常有用。

示例代码如下：

const element = document.getElementById('myElement');
const rect = element.getBoundingClientRect();

console.log(rect.top);      // 元素上边界相对于视口的位置
console.log(rect.bottom);   // 元素下边界相对于视口的位置
console.log(rect.left);     // 元素左边界相对于视口的位置
console.log(rect.right);    // 元素右边界相对于视口的位置
console.log(rect.width);    // 元素的宽度
console.log(rect.height);   // 元素的高度

请注意，getBoundingClientRect() 方法返回的是一个 DOMRect 对象，该对象具有上述属性。这些属性都是只读属性，无法通过赋值改变。此外，返回的位置信息是相对于视口的坐标，而不是页面的绝对坐标。