JavaScript만 사용하여 DIV의 높이를 어떻게 얻을 수 있나요?

순수 JavaScript로 Div 높이에 액세스

jQuery 라이브러리를 활용하지 않고 DIV 요소의 높이를 얻는 것은 어려울 수 있습니다. Stack Overflow를 검색했음에도 불구하고 대부분의 응답은 jQuery의 .height() 메서드를 권장합니다.

해결책:

일반 JavaScript를 사용하여 DIV의 높이를 검색하려면 다음을 수행하세요. 다음 속성을 활용하세요:

• clientHeight: 패딩을 포함한 DIV 콘텐츠 영역의 높이를 나타냅니다.

var clientHeight = document.getElementById('myDiv').clientHeight;

• offsetHeight: 콘텐츠 영역의 높이, 패딩, 스크롤바(있는 경우)를 포함합니다. , 그리고 borders.

var offsetHeight = document.getElementById('myDiv').offsetHeight;

참고:

• clientHeight 및 offsetHeight 속성은 Chrome, Firefox, Edge 및 Safari.
• clientHeight 및 offsetHeight 반환 값 픽셀.
• DIV에 지정된 높이가 없으면 이러한 속성은 0을 반환합니다.

위 내용은 JavaScript만 사용하여 DIV의 높이를 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!