【问题标题】:Cannot get element in iframe which was inserted?无法在插入的 iframe 中获取元素?
【发布时间】:2014-05-08 18:34:21
【问题描述】:

我使用 iquery 从顶层插入 iframe。

 var url = //localhost/t1.php  ; 
 $('#div_display').html("<iframe style='width:880px;height:1000px; id='sq_iframe' src='" +url+  "'></iframe>");  

但是当我尝试更改 iframe 的高度时,我无法获得 div_xx 的高度。

   var  oldheight=  $("#sq_iframe").contents().find("#div_xx").height() ; 
   alert( oldheight) ;
   $("#sq_iframe").contents().find("#div_xx").height('500') ; 

这里有什么问题,专家?

【问题讨论】:

  • 您的 iframe 域与您的域相同?

标签: javascript jquery css iframe


【解决方案1】:

使用css()为div设置样式

试试这个

$("#sq_iframe").contents().find("#div_xx").css('height','500px') ; 

$("#sq_iframe").contents().find("#div_xx").height(500) ; 

获取 iframe 内 div 的高度

$(document).ready(function() {
    $( "#frameDemo" ).on('load', function() { 
        var mydiv = $(this).contents().find("div");
        var h     = mydiv.height();
        alert(h);
    });
});

【讨论】:

  • 谢谢!我需要先得到oldheight。但我无法得到 oldheight ?
  • 我的高度为空?由于我在 div 中插入 iframe,我想知道查找元素会是一个问题吗? $('#div_display').html("");
  • 使用$('#div_display').append()
猜你喜欢
  • 1970-01-01
  • 2015-04-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多