본문 바로가기
Javascript

요소 크기 메서드

by 코터틀 2022. 9. 1.
반응형

요소 크기 메서드

종류 제이쿼리 자바스크립트 설명
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

댓글


광고 준비중입니다.