브라우저 getBoundingClientRect_javascript 기술 주변에서 요소의 위치를 ​​얻는 방법

코드 복사 코드는 다음과 같습니다.

var box = document.getElementById( "gaga1" );
/* 경고( box.getBoundingClientRect().top );
alert( box.getBoundingClientRect().right )
alert( box.getBoundingClientRect().bottom ); .getBoundingClientRect( ).left ) */

function getRect( elements ){
var ect = elements.getBoundingClientRect()
var clientTop = document.documentElement.clientTop
var clientLeft; = document.documentElement.clientLeft;
return { // IE의 두 추가 픽셀과 호환됩니다.
top : ret.top - clientTop, // 위에서부터 위치
bottom : ret.bottom - clientTop, // 거리 상단에 요소 자체의 높이를 더한 값은 하단의 위치와 같습니다.
left : ret.left - clientLeft, // 왼쪽으로부터의 위치
right : ret.right - clientLeft // 오른쪽 위치는 왼쪽 위치에 요소 자체의 너비를 더한 값입니다.
alert( getRect(box).top )