반응형 요소의 크기 위치 정보1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 42 (요소의 크기와 위치 정보, DOM 탐색) 목차요소의 크기와 위치 정보DOM 탐색(Traversal)오늘 하루를 돌아보며 요소의 크기와 위치 정보요소의 너비나 높이 값을 알아야 할 때가 있다. 또는 문서에서 요소가 어디에 있는지 알아야 할 때도 있다. 그럴 때는 getBoundingClientRect() 메서드를 사용한다.const DOMRect = 요소.getBoundingClientRect() getBoundingClientRect() 메서드로 가져오는 DOM 요소의 Rect 정보는 아래와 같다.left (x 값과 같다)righttop (y 값과 같다)bottomwidth (right - left)height (bottom - top) DOM 탐색(Traversal)인접한 요소에서 하나의 다른 요소를 선택하는 것을 DOM 트래버서(Traver.. 2025. 6. 25. 이전 1 다음 반응형