具有动态高度的多个iframe窗口

Question

我有一个包含四列的网页，所有这些都包含隐藏的iFrame。单击四个按钮之一时，将显示该按钮的内容。在这些iFrame中，显示隐藏字段时，高度会增加。

我已尝试使用此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之一：

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

如何根据表格高度让我的每个iFrame高度动态？

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