js 获取对象坐标

<div id="myElement" style="position: absolute; top: 50px; left: 100px;">Hello World</div>

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

console.log('Top:', rect.top);
console.log('Left:', rect.left);

const element = document.getElementById('myElement');
let top = 0;
let left = 0;

while (element) {
  top += (element.offsetTop || 0);
  left += (element.offsetLeft || 0);
  element = element.offsetParent;
}

console.log('Top:', top);
console.log('Left:', left);

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

// 获取相对于文档的位置
const scrollTop = window.scrollY || document.documentElement.scrollTop;
const scrollLeft = window.scrollX || document.documentElement.scrollLeft;

const top = rect.top + scrollTop;
const left = rect.left + scrollLeft;

console.log('Top:', top);
console.log('Left:', left);