[JS] Element.clientHeight / offsetHeight / scrollHeight
공부 좌표 요약 Element 속성 차이 설명 clientHeight 보이는 것 안쪽 높이(content height) + padding - scrollbar *, 에 사용되면 뷰포트의 높이 (스크롤바 제외)가 반환된다. offsetHeight 보이는 것 안쪽 높이(content height + scrollbar) + padding + border scrollHeight 안보이는 것 overflow로 가려진 부분을 포함하는 컨텐츠 전체의 높이 (margin과 padding은 값에 영향을 주지만, border는 영향을 주지 않는다.) *scrollbar의 값은 padding-bottom에 포함 돼 있다. *, 의 뷰포트 높이에 스크롤값이 포함된 것은 window.innerHeight이다. Lorem ips..
이론/JS
2020. 12. 30. 00:57
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 불일치 연산자
- @font-face
- 프로퍼티
- constructor
- prototype 프로퍼티
- scrollHeight
- 동등 연산자
- 링크막기 #a링크막기
- offsetTop
- property
- [[Prototype]]
- 부등 연산자
- 점 표기법
- outerHeight
- javascript class
- innerHeight
- clinetTop
- 대괄포 표기법
- 일치 연산자
- 동치 연산자
- scrollTop
- __proto__
- clientHeight
- 객체의 프로퍼티
- offsetHeight
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
글 보관함