如何从元素顶部到容器获取元素的坐标？

function getElementPosition(element, container) {
    let x = 0;
    let y = 0;

    // 累加元素相对于每个祖先的偏移量
    while (element) {
        x += element.offsetLeft - element.scrollLeft + element.clientLeft;
        y += element.offsetTop - element.scrollTop + element.clientTop;
        element = element.offsetParent;
    }

    // 如果提供了容器，需要减去容器的偏移量
    if (container) {
        const containerRect = container.getBoundingClientRect();
        x -= containerRect.left + window.pageXOffset;
        y -= containerRect.top + window.pageYOffset;
    }

    return { top: y, left: x };
}

// 使用示例
const childElement = document.getElementById('child');
const containerElement = document.getElementById('container');
const position = getElementPosition(childElement, containerElement);
console.log(`元素相对于容器的坐标: (${position.left}, ${position.top})`);