알 수 없는 DIV의 높이를 얻는 JS 방법

이 기사의 예에서는 알 수 없는 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 중국어 웹사이트에 주목하세요!