js获取元素位置 class

<div class="box" style="position: absolute; top: 50px; left: 100px;">Box</div>

// 使用getBoundingClientRect()
var boxRect = document.querySelector('.box').getBoundingClientRect();
console.log('Box Top:', boxRect.top);
console.log('Box Left:', boxRect.left);

// 使用offsetTop和offsetLeft
function getElementPosition(element) {
    var xPosition = 0;
    var yPosition = 0;
    while (element) {
        xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
        yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
        element = element.offsetParent;
    }
    return { top: yPosition, left: xPosition };
}

var boxPosition = getElementPosition(document.querySelector('.box'));
console.log('Box Top:', boxPosition.top);
console.log('Box Left:', boxPosition.left);