无法在插入的 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中的元素
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法