获取偏移表中的元素顶部

Question

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

Answer 1

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 }; 
}