ブラウザの周囲から要素の位置を取得する方法 getBoundingClientRect_javascript 手法

コードをコピー コードは次のとおりです。

var box = document.getElementById( "gaga1" );
/* アラート( box.getBoundingClientRect().top );
alert( box.getBoundingClientRect().right );
alert( box.getBoundingClientRect().bottom ); .getBoundingClientRect( ).left ) */

function getRect( elements ){
var rect = elements.getBoundingClientRect();
var clientTop = document.documentElement.clientTop; = document. documentElement.clientLeft;
return { // IE の 2 つの追加ピクセルと互換性があります
top : rect.top - clientTop, // 上からの位置
bottom : rect.bottom - clientTop, // 距離 上端と要素自体の高さを足したものが下端の位置に等しい
left : rect.left - clientLeft, // 左からの位置
right : rect.right - clientLeft //右からの位置は、左からの位置に要素自体の幅を加えたものです
}
alert( getRect(box).top )

;