javascript - 如何在不使用 JQuery 的情况下获取标签的左上角？

Question

如何在不使用 JQuery 的情况下获取标签的左上角？

Answer 1

element.offsetLeft 和 element.offsetTop 将为您提供与其父项相关的顶 Angular

function top(el) {
    var topVal = el.offsetTop;
    if (el.parentNode) topVal+= top(el.parentNode);
    return topVal;
}

function left(el) {
    var leftVal = el.offsetLeft;
    if (el.parentNode) leftVal+= left(el.parentNode);
    return leftVal;
}

递归调用它直到你点击文档(document.parentNode 为空并结束递归)将使你得到它相对于整个文档。请注意，这与 iframe 或任何其他拥有自己文档的内容不兼容。

[编辑]

上面的递归函数太天真了，只适用于非常简单的页面。您可以改为迭代 offsetParent，但这也会导致一些问题。

这个解决方案似乎工作合理，但我自己还没有彻底测试过

Retrieve the position (X,Y) of an HTML element