JavaScript

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

비오스터딩 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;

 

 

반응형