728x90
반응형
요소 크기 메서드
요소의 크기 및 위치를 구하는 메서드 입니다.
element.clientWidth : 요소의 가로값(마진/보더 미포함)
element.clientHeight : 요소의 높이값(마진/보더 미포함)
element.clientTop : 요소의 Y축값(부모 기준)
element.clientLeft : 요소의 X축값(부모 기준)
element.offsetWidth: 요소의 가로값(보더/패딩 포함)
element.offsetHeight: 요소의 높이값(보더/패딩 포함)
element.offsetTop: 요소의 Y축값(문서 기준)
element.offsetLeft: 요소의 X축값(문서 기준)
element.getBoundingClientRect(): 크기 및 위치
728x90
반응형
'Javascript' 카테고리의 다른 글
| [자바스크립트] mouseenter / movesover 차이점 (2) | 2022.09.06 |
|---|---|
| [자바스크립트] 브라우저 크기 메서드 정리 (2) | 2022.09.06 |
| 자바스크립트 charAt() (9) | 2022.08.22 |
| 자바스크립트 match() (7) | 2022.08.22 |
| 자바스크립트 search() (7) | 2022.08.22 |
댓글