티스토리 뷰
# *------------------------------------------------------------------------------------------*
# clientWidth, clientHeight, offsetWidth, offsetHeight, scrollWIdth, scrollHeight 개념 정리
# *------------------------------------------------------------------------------------------*
1. element.offsetWidth, element.offsetHeight
1) element.offsetWidth와 element.offsetHeight는 W3C권고안이 아님 (MSIE's DHTML Object Model)
2) element.offsetWidth : element의 border, 수직/수평 padding, css width를 포함한폭
* 즉 화면을 봤을 때 보여지는 엘리먼트의 폭
3) element.offsetHeight : element의 border, 수직/수평 padding, cssheight를포함한 높이
* 즉 화면을 봤을 때 보여지는 엘리먼트의 높이
[관련URL] offsetWidth : http://developer.mozilla.org/en/docs/DOM:element.offsetWidth
[관련URL] offsetHeight : http://developer.mozilla.org/en/docs/DOM:element.offsetHeight
2. element.clientWidth, element.clientHeight
1) W3C 표준 아님 (MSIE의 DHTML Object Model)
2) element.clientWidth : element의 border를 뺀 안쪽 폭
* 즉 화면을 봤을 때 테두리를 뺀 엘리먼트의 안쪽 폭
3) element.clientHeight : element의 border를 뺀 안쪽 높이
* 즉 화면을 봤을 때 테두리를뺀 엘리먼트의 안쪽 높이
[관련URL] clientWidth : http://developer.mozilla.org/en/docs/DOM:element.clientWidth
[관련URL] clientHeight : http://developer.mozilla.org/en/docs/DOM:element.clientHeight
3. element.scrollWidth, element.scrollHeight
1) W3C 권고안이 아님
2) element.scrollWidth : 엘리먼트의 스크롤 폭
3) element.scrollHeight : 엘리먼트의 스크롤 높이
[관련URL] element.scrollWidth : http://developer.mozilla.org/en/docs/DOM:element.scrollWidth
[관련URL] element.scrollHeight : http://developer.mozilla.org/en/docs/DOM:element.scrollHeight
출처 : 난 네가좋아님 블로그
'프로그래밍' 카테고리의 다른 글
HTTP Response Code (0) | 2008.11.10 |
---|---|
[Eclipse] 단축키 모음 (0) | 2008.07.18 |
[JS] Event Keycode 목록 (0) | 2008.07.15 |
- Total
- Today
- Yesterday
- 이벤트또당첨
- 2MB
- 영화
- 레몬펜
- 지름신 강림
- 프로그래밍
- PMP
- Java
- tool
- 티스토리
- 한글
- 네이트온 광수체
- 햄펙스
- u500
- 개발도구
- 유머
- Eclipse
- oracle
- 마츠다 쇼타
- Database
- 이벤트당첨
- OpenID
- semi pmp
- 시노하라 료코
- 일드
- 게임
- 맞춤법
- 이벤트
- 에픽하이
- JavaScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |