getBoundingClientREct

getBoundingClientRect 是一个 JavaScript API，用于获取一个元素相对于视口的位置和尺寸信息。它返回一个 DOMRect 对象，包含了元素的左上角、右下角的坐标以及宽度和高度等属性。

你可以通过以下方式来使用它：

const element = document.getElementById('your-element-id');
const rect = element.getBoundingClientRect();

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

这样，你就可以获取到指定元素的位置和尺寸信息，并根据需要进行处理操作。