요소의 크기와 뷰포트를 기준으로 위치를 반환한다.
element.getBoundingClientRect()
지정 요소의 크기와 뷰포트를 기준으로 위치 정보를 DOMRect
객체로 제공한다.
x
: 뷰포트 좌측으로부터 요소의 왼쪽 상단 모서리 가로 위치값y
: 뷰포트로 상단으로부터 요소의 왼쪽 상단 모서리 세로 위치값left
: 뷰포트로 좌측으로부터 요소의 왼쪽 위치값top
: 뷰포트로 상단으로부터 요소의 위쪽 위치값right
: 뷰포트로 좌측으로부터 요소의 오른쪽 위치값bottom
: 뷰포트로 상단으로부터 요소의 아래쪽 위치값width
: 요소의 가로 크기(padding
, border
포함)height
: 요소의 세로 크기(padding
, border
포함)