JavaScript 문서 객체 모델 요소 크기/위치/스크롤

    2018-04-26 12:39:27 작성

    • 요소 크기 / 위치

      속성 설명
      element.clientHeight padding을 포함한 요소의 높이를 반환합니다.
      element.clientWidth padding을 포함한 요소의 너비를 반환합니다.
      element.clientLeft 요소의 border-left 의 width를 반환합니다.
      element.clientTop 요소의 border-top 의 width를 반환합니다.
      element.offsetHeight 패딩, 테두리 및 스크롤 막대를 포함한 요소의 높이를 반환
      element.offsetWidth 패딩, 테두리 및 스크롤 막대를 포함한 요소의 너비를 반환
      element.offsetLeft 요소의 수평 오프셋 위치를 반환
      element.offsetTop 요소의 수직 오프셋 위치를 반환
      element.offsetParent 요소의 오프셋 기준 요소를 반환
      요소 크기 및 위치

    • 스크롤 관련

      속성 설명
      element.scrollHeight 패딩을 포함하여 요소의 전체 높이를 반환합니다.
      element.scrollWidth 패딩을 포함하여 요소의 전체 너비를 반환합니다.
      element.scrollLeft 요소의 콘텐츠가 가로로 스크롤된 위치를 설정하거나 반환합니다.
      element.scrollTop 요소의 콘텐츠가 세로로 스크롤된 위치를 설정하거나 반환합니다
      메서드 설명
      element.scrollIntoView() 지정한 요소를 브라우저 창의 볼 수 있는 영역으로 스크롤 합니다.