JAVASCRIPT document.body.offsetHeight 값이 0 이 나올때

JAVASCRIPT document.body.offsetHeight 값이 0 이 나올때

크롬브라우저에서는 정상적으로 값을 가져오는데 익스플로러 10, 11, 엣지 브라우저에서

offsetHeight 나 scrollHeight, clientHeight 의 값들이 0이 나오면 아래와 같은 방법을 사용해서 값을 가져올 수 있다.

이런 경우는 아마도 iframe 상위에 display:none 인 경우일 것이다.

<div id="testLayer" style="display:none;">

<iframe src="test.html" width="100%" height="auto"></iframe>

</div>

아래 코드로 값을 가져올 수 있다.

var h = document.body.offsetHeight;

if(h == 0 && parent.$('#testLayer').css('display') == 'none') {

parent.$('#testLayer').css({'display':'block'});

h = document.body.offsetHeight;

parent.$('#testLayer').css({'display':'none'});

}