动态页面大小取决于内部菜单项高度

Question

我有动态项目折叠的菜单默认情况下，我正在尝试使用

更改项目折叠状态来更改页面高度

<script type="text/javascript">
      function fun() {
          var iFrameID = document.getElementById('wrapper');
          if (iFrameID) {
              // here you can make the height, I delete it first, then I make it again
              iFrameID.height = "";
              iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
          }
      }

<使用此方法

     <a href="javascript:;" data-toggle="collapse" onclick="fun()" data-target='#<%# Eval("HeaderMenuId")%> '><i class="fa fa-fw fa-arrows-v"></i> <%# Eval("HeadItemText")%>  <i class="fa fa-fw fa-caret-down"></i></a>

我收到错误

Cannot read property 'document' of undefined

Answer 1

问题：iFrameID.contentWindow.document.body.scrollHeight +“px”; iFrameID.contentWindow未定义。

您正在选择包装器（假设div）而非框架或iframe。 只有frame tag和iframe标签具有contentWindow属性。

解决方案：

var iFrameObj = document.getElementById('iFrameId');
iFrameID.height = iFrameObj .contentWindow.document.body.scrollHeight + "px";