Erhalten Höhe des Elements innerhalb iframe mit jQuery

Question

Ich habe eine Datei mit einem „iframe“ Element enthält

<iframe src="test.php" width="100%" id="frameDemo"></iframe> 

und eine Datei test.php ein div unbekannter Höhe enthält.

Ich möchte ein Jquery-Skript erstellen, um die Höhe des div innerhalb des Iframe zu erhalten.
Ich habe Folgendes versucht, aber ich erhalte eine Null-Antwort.

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

Kann mir bitte jemand helfen? Danke im Voraus.

Answer 1

den iframe Unter der Annahme, auf der gleichen Domäne ist (sonst ist es nicht möglich), sollten Sie für die iframe warten zuerst laden:

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