반응형
요소 크기 메서드
종류 | 제이쿼리 | 자바스크립트 | 설명 |
---|---|---|---|
Dimensions | width() | - | 요소의 가로(패딩/보더/마진 미포함) |
height() | - | 요소의 세로(패딩/보더/마진 미포함) | |
innerWidth() | clientWidth | 요소의 가로(패딩 포함, 보더/마진 미포함) | |
innerHeight() | clientHeight | 요소의 세로(패딩 포함, 보더/마진 미포함) | |
outerWidth() | offsetWidth | 요소의 가로(패딩/보더 포함, 마진 미포함) | |
outerHeight() | offsetHeight | 요소의 세로(패딩/보더 포함, 마진 미포함) | |
outerWidth(true) | - | 요소의 가로(패딩/보더/마진 포함) | |
outerHeight(true) | - | 요소의 세로(패딩/보더/마진 포함) |
반응형
'Javascript' 카테고리의 다른 글
mouseenter / mouseover 차이점 (7) | 2022.09.05 |
---|---|
GSAP (9) | 2022.08.29 |
charAt() (10) | 2022.08.22 |
match() (6) | 2022.08.22 |
search() (6) | 2022.08.22 |
댓글