Element.getBoundingClientRect()

 

엘리먼트의 크기와 뷰포트에 상대적인 위치 정보를 제공

반환값은 padding과 border-width를 포함하는 모든 element를 가진 가장작은 사각형인 DOMRect 객체이다. left, top, right, bottom, x, y, width, and height 속성은 전체적으로 사각형의 위치와 사이즈를 픽셀로 나타낸다. width와 height가 아닌 속성은 뷰포트의 top-left와 상대적이다.

 

 

 

참고 mdn