JavaScript에서 요소의 클라이언트 크기
다음 속성들은 스크롤바를 포함하지 않고, 콘텐츠 크기와 안쪽 여백을 포함하는 요소의 클라이언트 크기를 담고 있습니다:
console.log(elem.clientWidth); // 너비
console.log(elem.clientHeight); // 높이
이 크기는 그림에 표시되어 있습니다:
요소와 버튼이 주어져 있습니다. 버튼을 클릭하면 요소의 클라이언트 너비와 높이를 콘솔에 출력하세요.
다음 속성들은 스크롤바를 포함하지 않고, 콘텐츠 크기와 안쪽 여백을 포함하는 요소의 클라이언트 크기를 담고 있습니다:
console.log(elem.clientWidth); // 너비
console.log(elem.clientHeight); // 높이
이 크기는 그림에 표시되어 있습니다:
요소와 버튼이 주어져 있습니다. 버튼을 클릭하면 요소의 클라이언트 너비와 높이를 콘솔에 출력하세요.