DOM 크기, DOM 위치

(2021-01-02)
1. DOM 노드의 크기 및 위치컨텐츠 + 패딩 + 스크롤바 + 경계선: offsetHeight, offsetWidth
     - getBoundingCientRect().height, getBoundingCientRect().width 
  ㅇ 컨텐츠 + 패딩 : clientHeight, clientWidth
  ㅇ 보이는 컨텐츠 크기 : getComputedStyle().height, getComputedStyle().width 
  ㅇ 실제 컨텐츠 크기 + 패딩 : scrollHeight, scrollWidth

  ㅇ 화면 상단 ~ 요소 top 경계선 : getBoundingCientRect().top
  ㅇ 화면 상단 ~ 요소 bottom 경계선 : getBoundingCientRect().bottom
  ㅇ 부모 경계선 ~ 요소 top 경계선 : offsetTop 
  ㅇ 부모 경계선 ~ 요소 bottom 경계선 : offsetBottom

  ㅇ 브라우저 창 끝(스크롤바 무시) ~ 클라이언트 영역 : clientX, clientY
  ㅇ 실제 모니터 화면 끝(스크롤바 무시) ~ 클라이언트 영역 : screenX, screenY
  ㅇ 실제 페이지 끝(안보이는 곳 포함) ~ 클라이언트 영역 : pageX, pageY


[JS DOM 제어] 1. DOM 트리 모델 2. DOM 트리,노드 3. DOM 메소드 4. DOM 프로퍼티 5. DOM 노드 접근 6. DOM 요소 컬렉션 7. DOM 크기,위치
  1.   기술공통
  2.   기초과학
  3.   진동/파동
  4.   전기전자공학
  5.   방송/멀티미디어/정보이론
  6.   통신/네트워킹
  7.   정보기술(IT)
        1. 정보기술
    1.   전산기초
    2.   컴퓨터구조
    3.   프로그래밍
          1. 프로그램, 프로그래밍
      1.   프로그래밍 언어론
      2.   프로그래밍 방법론
      3.   객체지향 프로그래밍
      4.   자료표현코드
      5.   자료구조
      6.   알고리즘
      7.   시스템 소프트웨어
      8.   프로그래밍언어 종류
            1. 프로그래밍 언어
        1.   C
        2.   C++
        3.   자바(Java)
        4.   자바스크립트
              1. JavaScript
              2. JS 기초 문법
          1.   JS 변수,타입,논리식
          2.   JS 구문,연산자
          3.   JS 실행환경
          4.   JS 함수
          5.   JS 객체
          6.   JS 배열/Map/Set
          7.   JS 활용
          8.   JS 웹문서 제어
                1. 웹문서 내 JS
                2. 동일 출처 정책
            1.   JS Window 객체
            2.   JS DOM 제어
              1.   1. DOM 트리 모델
                  2. DOM 트리,노드
                  3. DOM 메소드
                  4. DOM 프로퍼티
                  5. DOM 노드 접근
                  6. DOM 요소 컬렉션
                  7. DOM 크기,위치
            3.   JS 이벤트
            4.   Ajax
            5.   jQuery
        5.   PHP
        6.   파이썬
        7.   (기타 언어)
      9.   프로그래밍 기타일반
    4.   데이터베이스
    5.   소프트웨어 공학
    6.   운영체제
    7.   정보보호/보안
    8.   IT 기타기술
  8.   공학일반(기계,재료등)
  9.   표준/계측/품질
  10.   기술경영

 
        최근수정     요약목록     참고문헌