getBoundingClientRect()

[JS] 요소.getBoundingClientRect() 메서드 속성

//엘리먼트.getBoundingClientRect() 예시 const formBottomPadding = document.querySelector('.chat-form').getBoundingClientRect().height; chatWrap.style.paddingBottom = `${formBottomPadding}px`; getBoundingClientRect()메서드는 요소의 width, height 뿐만아니라 top, left의 대한 상대적인 위치 까지도 제공한다. 위 예시는 chat-form이라는 클래스를 가진 요소의 height값을 받아서 다른 요소의 패딩값으로 동적추가하는 과정이다.