テーブルのoffsetTopを取得する

Question

テーブル内の要素のoffsetTopを取得する方法がわかりません。テーブルの外側の要素は正常に動作しますが、テーブル内のすべての要素は同じ結果を返し、通常はページの上部に表示されます。私はFirefoxとChromeでこれを試しました。テーブル内の要素のoffsetTopを取得するにはどうすればよいですか？

Answer 1

offsetTopは、offsetParentを基準にした値を返します。 offsetParentがnullになるまで、すべての親を通して再帰的にoffsetParent.offsetTopを追加する必要があります。 jQueryのoffset()メソッドを使用することを検討してください。

EDIT：あなたはjQueryのを使用したくない場合は、この（未テスト）などのメソッドを記述することができます。これは、IE7（確実）では動作しません

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