无法在插入的 iframe 中获取元素?

Posted

技术标签:

【中文标题】无法在插入的 iframe 中获取元素?【英文标题】:Cannot get element in iframe which was inserted? 【发布时间】: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 域与您的域相同? 【参考方案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()

以上是关于无法在插入的 iframe 中获取元素?的主要内容,如果未能解决你的问题,请参考以下文章

如何用javascript 跨域获取iframe子页面的元素信息

在iframe窗体内 获取父级的元素;;在父窗口中获取iframe中的元素

请问高手,html如何获取iframe中嵌套的页面元素值

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

IE7下iframe无法使用window.parent获取父元素中的变量值

如何获取页面iframe元素内容的高、宽?