상세 컨텐츠

본문 제목

getBoundingClientRect()

JavaScript

by 폴리프레임 2024. 10. 27. 12:43

본문

반응형

위 함수의 결과를 보려고 아래 코드로 반환값을 확인해 봅니다.

const rect = section.getBoundingClientRect();

console.log( rect )

////////

 

bottom : 3986

height : 1190

left : 0

right : 1707.3333740234375

top : 2796

width : 1707.3333740234375

x : 0

y : 2796

 

 

아래 그림은 MDN 의 그림입니다. 여기서 width 와 height 는 아래 그림에서 Element 의 폭과 높이입니다.

관련글 더보기