javascript - 无法在插入的 iframe 中获取元素？

Question

我从顶层使用查询插入一个 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') ; 

这里有什么问题，专家？

Answer 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);
    });
});