Несколько окон iframe с динамической высотой

Question

У меня есть веб-страница с четырьмя столбцами, в которой хранятся скрытые iFrames. Когда вы нажмете одну из четырех кнопок, отобразится контент для этой кнопки. В этих iFrames представлены формы, которые увеличивают высоту, когда отображаются скрытые поля.

Я попытался с помощью этого JavaScript:

<script type="text/javascript"> 
    function iframeLoaded() { 
      var iFrameID = document.querySelectorAll("#iframe1, #iframe2, #iframe3, #iframe4")); 
      if(iFrameID) { 
       iFrameID.height = "1900px"; 
       iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px"; 
      } 
     } 
    </script> 

А вот один из моих плавающих фреймов:

<iframe frameborder="0" src="#" id="iframe1" onload="iframeLoaded()" allowtransparency="true" style="width:100%;height:1900px;border:none;" scrolling="no"></iframe> 

Как я могу сделать каждый из моей IFrames высоты динамической на основе высоты формы?

Answer 1

Try Перебор каждого кадра в отдельности:

for (var i = 1; i <= 3; i++) { 
    var frame = document.getElementById("frame" + i); 
    frame.style.height = "1900px"; 
    frame.style.height = contentWindow.document.body.scrollHeight + "px"; 
}