티스토리 뷰
See the Pen [JavaScript] Element.getBoundingClientRect() by mill (@millfeel) on CodePen.
padding과 border-width를 포함해 전체 엘리먼트가 들어 있는 가장 작은 사각형인 DOMRect 객체입니다.
top, right, bottom, left, x, y, width, height 프로퍼티는 전반적인 사각형의 위치와 크기를 픽셀 단위로 나타냅니다.
엘리먼트의 크기와 뷰포트에 상대적인 위치 정보를 제공하는 DOMRect 객체를 반환한다.
[공부좌표]
https://developer.mozilla.org/ko/docs/Web/API/Element/getBoundingClientRect
'JavaScript > 이론' 카테고리의 다른 글
| [JS] window.matchMedia css의 미디어쿼리 같은 기능 (0) | 2022.12.05 |
|---|---|
| [JS] Window.matchMedia() (0) | 2022.05.26 |
| [JS] Q. undefined와 null의 차이는? (0) | 2022.03.05 |
| [JS] 데이터 프로퍼티(data property) 플래그 - writable, enumerable, configurable (0) | 2022.03.04 |
| [JavaScript] Array.prototype.slice.call() (0) | 2021.12.30 |
댓글