숨겨진 요소의 높이 측정

부모 요소가 "표시"로 설정된 경우 div의 높이를 측정하는 것이 어려울 수 있습니다. 없음." 하위 div의 높이는 처음에는 0이므로 측정이 불가능합니다.

이 문제를 극복하려면 표시되는 상위 요소를 찾을 때까지 요소의 상위 요소를 순차적으로 표시하는 것을 고려하세요. 가장 높은 "display:none" 조상이 표시되면 요소의 크기를 측정할 수 있습니다.

측정값을 얻은 후 모든 요소를 ​​원래의 "디스플레이" 값으로 재설정합니다.

여러 상위 요소를 순회하고 표시하는 데 리소스가 많이 소모될 수 있으므로 이 접근 방식의 잠재적인 성능 문제에 유의하세요.

대체 전략은 상위 요소를 순회하지 않고 측정을 위해 실제 요소만 표시하는 것입니다. 이렇게 하면 요소의 계층 구조 변경으로 인해 스타일이 잘못 적용되는 것을 방지할 수 있습니다. DOM 내에서 요소의 원래 위치에 의존하는 스타일이 이 대체 접근 방식의 영향을 받지 않는지 확인하세요.