위치 및 크기를 표현하는 속성 메서드
안녕하세요 오늘은 위치 및 크기를 표현하는 속성 메서드에 대해서 알려드리겠습니다.
속성 메서드 설명
| 메서드 | 설명 |
|---|---|
| clientWidth | 요소의 가로(패딩 포함, 보더/마진 미포함) |
| clientHeight | 요소의 세로(패딩 포함, 보더/마진 미포함) |
| clientTop | 요소의 Y축값(부모기준) |
| clientLeft | 요소의 X축값(부모기준) |
| offsetWidth | 요소의 가로(패딩/보더 포함, 마진 미포함) |
| offsetHeight | 요소의 세로(패딩/보더 포함, 마진 미포함) |
| offsetTop | 요소의 X축값(문서기준) |
| offsetLeft | 요소의 Y축값(문서기준) |
| element.getBoundingClientRect | 크기 및 위치 |
속성 메서드 예시
'Javascript' 카테고리의 다른 글
| 오답노트01 (3) | 2022.10.06 |
|---|---|
| mouseenter 과 mouseover 의 차이점 (8) | 2022.09.05 |
| 문자열 관련 메서드 charAt() (8) | 2022.08.22 |
| 문자열 관련 메서드 match() (10) | 2022.08.22 |
| 문자열 관련 메서드 search() (11) | 2022.08.22 |
댓글