높이 | 너비 | |||
요소 |
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 :: 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 |
댓글 영역