상세 컨텐츠

본문 제목

JavaScript :: 요소, 창, 화면의 높이,너비 값 구하기

JavaScript

by 비오스터딩 2020. 8. 14. 11:42

본문

  높이 너비

요소

clientHeight  padding을 포함한 높이 clientWidth padding을 포함한 폭
scrollHeight padding을 포함한 화면 상에 표시되지 않은 콘텐츠를 포함한 높이 scrollWidth padding을 포함한 화면 상에 표시되지 않은 콘텐츠를 포함한 폭
offsetHeight
 border, padding, 스크롤 바를 포함한 높이 offsetWidth border, padding, 스크롤 바를 포함한 폭

(브라우저)

window.innerHeight 스크롤 바를 포함하지 않은 창 높이 window.innerWidth 스크롤 바를 포함하지 않는 창 너비
window.outerHeight 스크롤 바를 포함한  창의 높이 window.outerWidth 스크롤 바를 포함한 창의 너비
기기
화면

window.screen.availHeight 작업 표시줄을 제외한 화면의 높이 window.screen.availWidth 작업 표시줄을 제외한 화면의 너비
window.screen.height 화면의 높이 window.screen.width 화면의 너비를

 

 

 

 

ex.

document.getElementById('IdName').clientHeight;

 

 

반응형

'JavaScript' 카테고리의 다른 글

JavaScript :: Class의 getter, setter  (0) 2020.09.23
JavaScript :: 스코프(Scope)  (0) 2020.08.25
JavaScript :: prototype과 __proto__  (0) 2020.08.05
JavaScript :: 객체와 함수(call, bind)  (0) 2020.08.05
JavaScript :: 객체 간의 상속  (0) 2020.08.01

관련글 더보기

댓글 영역