getboundingclientrect

`getBoundingClientRect` 是 JavaScript 中一个用于获取 DOM 元素在页面中的布局信息的方法。它返回一个 DOMRect 对象，该对象包含了元素的左上角坐标、宽度、高度等信息。可以使用这些信息来确定元素的位置和大小。

例:

const element = document.querySelector('#my-element');
const rect = element.getBoundingClientRect();
console.log(rect.left, rect.top, rect.width, rect.height);

如果该元素不在视口中，返回值的 left 和 top 属性的值可能为负数