私は「IFRAME」要素</p> <pre><code><iframe src="test.php" width="100%" id="frameDemo"></iframe> </code></pre> <p>と未知の高さのdiv要素を含むファイルtest.phpをを含むファイルを持っているjQueryの

Question

でのiframe内の要素の高さを取得します。

<div>some content...</div> 

iframe内のdivの高さを取得するためにJqueryスクリプトを作成したいと考えています。
私は以下を試しましたが、私はヌル応答を受け取ります。

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

誰でもお手伝いできますか？前もって感謝します。

Answer 1

のiframeと仮定すると、同じドメイン上にある、あなたが最初にロードするためのiframeのを待つ必要があります（それ以外の場合はできません）：

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