检索HTML元素的位置(X，Y)

Question

检索HTML元素的位置(X，Y)我想知道如何获得HTML元素的X和Y位置，例如img和div用JavaScript写的。

Answer 1

库需要花费一定的时间来获得元素的精确偏移量。
这里有一个简单的函数，它在我尝试过的每一种情况下都能完成任务。

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };}var x = getOffset( document.getElementById('yourElId') ).left;