具有動態高度的多個iframe窗口

Question

我有一個包含四列的網頁，所有列都隱藏着iFrames。當您單擊四個按鈕中的一個時，該按鈕的內容將顯示。在這些iFrame中，顯示隱藏字段時會增加高度。

<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中的一個：

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

我怎樣才能讓每一個基於表格的高度我的iFrame的高度動態的

我已經使用這個JavaScript試過嗎？

Answer 1

嘗試迭代過單獨的每個幀：

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"; 
}