728x90
반응형
자바스크립트 요소 속성(크기)
요소 속성(크기)
| 메서드 | 설명 |
|---|---|
| clientWidth | 요소의 가로(패딩 포함, 보더/마진 미포함) |
| clientHeight | 요소의 세로(패딩 포함, 보더/마진 미포함) |
| offsetWidth | 요소의 가로(패딩/보더 포함, 마진 미포함) |
| offsetHeight | 요소의 세로(패딩/보더 포함, 마진 미포함) |
| innerWidth / outerWidth | 브라우저의 가로 값(스크롤바 미포함 / 포함) |
| innerHeight / outerHeight | 브라우저의 세로 값(스크롤바 미포함 / 포함) |
| offsetTop / offsetLeft | 요소의 좌표값(문서 기준) |
| offsetParent | 요소의 좌표값(부모 기준) |
| pageXOffset / window.scrollX | 요소의 가로 스크롤 값 |
| pageYOffset / window.scrollY | 요소의 세로 스크롤 값 |
See the Pen Untitled by kimyihyung (@kimyihyung) on CodePen.
728x90
반응형
'javascript' 카테고리의 다른 글
| jQuery 속성 메서드 (7) | 2022.09.04 |
|---|---|
| jQuery 클래스 메서드 (6) | 2022.09.04 |
| jQuery 필터 선택자 (3) | 2022.08.30 |
| jQuery 탐색 선택자 (3) | 2022.08.30 |
| jQuery 속성 선택자 (3) | 2022.08.30 |
