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;
반응형