Javascriptの取得要素距離ページのtop、left、right、bottom

Javascriptの取得要素距離ページのtop、left、right、bottom
私たちはウェブページを作る時に、絶対的な位置付けを使う必要があります.この時、元素はページからの距離を判定する必要があります.今日は元素距離ページのtop、left、right、bottomをどうやって取得しますか?
コード:

function getElemDis(el) {
    var tp = document.documentElement.clientTop,
        lt = document.documentElement.clientLeft,
        rect = el.getBoundingClientRect();
    return {
        top: rect.top - tp,
        right: rect.right - lt,
        bottom: rect.bottom - tp,
        left: rect.left - lt
    }
}

要素のget BoundingClient Rectを直接利用して元素距離ページの距離を取得できます.topとbottomはマイナスが必要です. html元素の対象の上枠の幅はclientTopで、leftとrightはclientLeftを減らさなければなりません.