이 기사에서는 알려지지 않은 DIV 높이를 얻는 JS의 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
요소의 높이는 다음과 같은 요소의 클라이언트 하이드 속성을 통해 얻을 수 있습니다.
var height = element.clientHeight;
이 관행의 한계 :
1. 요소의 디스플레이 속성이 없음으로 설정되면 결과는 0입니다.
2. Safari 브라우저에서는 다음을 사용해야합니다. Element.offSetheight 실제 높이를 얻으려면 Safari 브라우저의 버그입니다.
다음은 다양한 브라우저와 호환되는 프로토 타입에서 제공하는 방법이며, 요소가 숨겨 질 때 요소 크기를 올바르게 얻을 수도 있습니다.
getDimensions : 함수 (요소) {element = $ (요소); var display = $ (요소) .getStyle ( 'display'); if (display! = 'none'&& display! = null) // safari 버그 return {width : element.offsetwidth, height : element.offsetheight}; // 모든 *너비 및 *높이 속성은 디스플레이가없는 요소에 0을 제공합니다. var originalvisibility = els.Visibility; var OriginalPosition = els.Position; var originalDisplay = els.Display; els.Visibility = '숨겨진'; els.Position = '절대'; els.display = '블록'; var originalWidth = element.clientWidth; var OriginalHeight = element.clientHeight; els.display = OriginalDisplay; Els.Position = OriginalPosition; els.Visibility = OriginalVisibility; return {너비 : originalwidth, 높이 : OriginalHeight};}JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.