How would you go about detecting the height of content within an iframe?

Let's say you have an iframe and you'd like to detect the height of its window once the content is loaded, how would you go about doing that?

This approach seems satisfactory, but I feel like this is a domain with possible edge cases and gotchas, so I'm super open to differing approaches.

Feb 6 '12

253

You can retrieve the height of the IFRAME's content by using contentWindow.document.body.scrollHeight

After the IFRAME is loaded, you can then change the height by doing the following:

<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            // here you can make the height, I delete it first,

…

Open Full Answer