이 기사의 예에서는 알 수 없는 DIV의 높이를 얻는 JS 방법을 설명합니다. 참조용으로 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.
요소의 높이는 다음과 같이 요소의 clientHeight 속성을 통해 얻을 수 있습니다.
var height = element.clientHeight;
이 접근 방식의 제한 사항:
1. 요소의 표시 속성이 없음으로 설정된 경우 얻은 결과는 0
2입니다. Safari 브라우저에서는 실제 높이를 얻으려면 element.offsetHeight를 사용해야 합니다. 이는 Safari 브라우저의 버그입니다.
다음은 Prototype에서 제공하는 방법으로 다양한 브라우저와 호환되며 올바르게 키를 얻을 수도 있습니다. 참고:
getDimensions: function(element) { element = $(element); var display = $(element).getStyle('display'); if (display != 'none' && display != null) // Safari bug return {width: element.offsetWidth, height: element.offsetHeight}; // All *Width and *Height properties give 0 on elements with display none, // so enable the element temporarily var els = element.style; var originalVisibility = els.visibility; var originalPosition = els.position; var originalDisplay = els.display; els.visibility = 'hidden'; els.position = 'absolute'; els.display = 'block'; var originalWidth = element.clientWidth; var originalHeight = element.clientHeight; els.display = originalDisplay; els.position = originalPosition; els.visibility = originalVisibility; return {width: originalWidth, height: originalHeight}; }
이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
알 수 없는 DIV 높이 관련 기사를 얻는 더 많은 JS 방법을 보려면 PHP 중국어 웹사이트에 주목하세요!