HTML DOM getBoundingClientRect() 메서드
❮ 요소 개체예시
요소의 크기와 뷰포트에 상대적인 위치를 반환합니다.
var rect = obj.getBoundingClientRect();
정의 및 사용
getBoundingClientRect() 메서드는 요소의 크기와 뷰포트에 상대적인 위치를 반환합니다.
이 메서드는 왼쪽, 위쪽, 오른쪽, 아래쪽, x, y, 너비, 높이의 8가지 속성이 있는 DOMRect 개체를 반환합니다.
참고: 경계 사각형을 계산할 때 뷰포트 영역에서 수행된 스크롤의 양이 고려됩니다. 즉, 사각형의 가장자리(위, 왼쪽, 아래, 오른쪽)는 스크롤 위치가 변경될 때마다 값이 변경됩니다.
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
통사론
element.getBoundingClientRect()
기술적 세부 사항
DOM 버전: | CSS 개체 모델(CSSOM) 보기 모듈 |
---|---|
반환 값: | 왼쪽, 위쪽, 오른쪽, 아래쪽, x, y, 너비, 높이의 8가지 속성이 있는 DOMRect 개체. |
❮ 요소 개체