当前位置：文江博客话题详情

获取表中元素的 offsetTop

发布于 2024-07-25 07:04:24 字数 130 浏览 4 评论 0原文

我似乎无法弄清楚如何获取表中元素的 offsetTop 。它适用于表格外部的元素，但表格内的所有元素都返回相同的结果，并且通常位于页面顶部。我在 Firefox 和 Chrome 中尝试过这个。如何获取表中元素的 offsetTop？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

南烟 2024-08-01 07:04:24

offsetTop 返回相对于 offsetParent 的值；您需要循环遍历所有添加 offsetParent.offsetTop 的父项，直到 offsetParent 为 null。考虑使用 jQuery 的 offset() 方法。

如果你不想使用 jQuery，你可以编写这样的方法（未经测试）：

function offset(elem) {
    if(!elem) elem = this;

    var x = elem.offsetLeft;
    var y = elem.offsetTop;

    while (elem = elem.offsetParent) {
        x += elem.offsetLeft;
        y += elem.offsetTop;
    }

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

offsetTop returns a value relative to offsetParent; you need to loop through all of the parents adding offsetParent.offsetTop until offsetParent is null. Consider using jQuery's offset() method.

If you don't want to use jQuery, you can write a method like this (untested):

function offset(elem) {
    if(!elem) elem = this;

    var x = elem.offsetLeft;
    var y = elem.offsetTop;

    while (elem = elem.offsetParent) {
        x += elem.offsetLeft;
        y += elem.offsetTop;
    }

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

回复收藏 0 原文

~没有更多了~