DOM2가 비표준이지만 매우 잘 지원하는 여러 속성 요약_DOM

1. 오프셋


offsetWidth: 테두리 및 스크롤 막대의 너비를 포함하여 가로 방향에서 요소가 차지하는 공간을 나타냅니다.
offsetHeight: 요소의 세로 방향 테두리 및 스크롤 막대의 높이를 포함하여 요소가 차지하는 공간의 양
offsetLeft: 요소의 왼쪽 오프셋, 즉 요소의 왼쪽 외부 테두리로부터의 픽셀 거리를 반환합니다. 포함 요소의 왼쪽 내부 테두리
offsetTop: 요소의 왼쪽 오프셋 상단 오프셋을 반환합니다. 즉, 요소의 상단 외부 테두리에서 포함 요소의 상단 내부 테두리까지의 픽셀 거리입니다.
offsetParent: 동적으로 배치된 가장 가까운 포함 요소, 즉


요소의 상위 요소의 인덱스를 반환합니다. 2. 클라이언트 영역 크기

clientWidth:를 참조합니다. 테두리 및 스크롤 막대의 너비를 제외한 가로 방향의 요소 콘텐츠(패딩 포함)가 차지하는 공간
clientHeight : 테두리 및 스크롤 막대의 너비를 제외한 세로 방향의 요소 콘텐츠(패딩 포함)가 차지하는 공간을 의미합니다. 테두리 및 스크롤 막대의 높이


3. 스크롤 크기

scrollWidth: 요소 콘텐츠(패딩 포함)의 실제 너비를 나타냅니다. 숨겨진 콘텐츠 너비
scrollHeight: 숨겨진 콘텐츠 높이를 포함한 요소 콘텐츠(패딩 포함)의 실제 높이를 나타냅니다.
scrollLeft: 요소 왼쪽에 있는 숨겨진 콘텐츠의 너비를 나타냅니다
scrollTop: 요소 위의 숨겨진 콘텐츠 높이를 나타냅니다.