Die genaue Frage ist, wie es mit reinem JavaScript geht, nicht mit jQuery.
Aber ich verwende immer die Lösung, die im Quellcode von jQuery zu finden ist. Es ist nur eine Zeile natives JavaScript.
Für mich ist es das beste, leicht lesbar und sogar afaik der kürzeste Weg , um die iframes Inhalt zu erhalten.
Holen Sie sich zuerst Ihren Iframe
var iframe = document.getElementById('id_description_iframe');
// or
var iframe = document.querySelector('#id_description_iframe');
Verwenden Sie dann die Lösung von jQuery
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
Es funktioniert sogar im Internet Explorer, der diesen Trick während der contentWindowEigenschaft des iframeObjekts ausführt. Die meisten anderen Browser verwenden die contentDocumentEigenschaft. Aus diesem Grund prüfen wir diese Eigenschaft zuerst in dieser ODER-Bedingung. Wenn es nicht eingestellt ist, versuchen Sie es contentWindow.document.
Wählen Sie Elemente im Iframe aus
Dann können Sie normalerweise das DOM-Element verwenden getElementById()oder sogar querySelectorAll()auswählen aus iframeDocument:
if (!iframeDocument) {
throw "iframe couldn't be found in DOM.";
}
var iframeContent = iframeDocument.getElementById('frameBody');
// or
var iframeContent = iframeDocument.querySelectorAll('#frameBody');
Rufen Sie Funktionen im Iframe auf
Holen Sie sich nur das windowElement von iframe, um einige globale Funktionen, Variablen oder ganze Bibliotheken aufzurufen (z. B. jQuery):
var iframeWindow = iframe.contentWindow;
// you can even call jQuery or other frameworks
// if it is loaded inside the iframe
iframeContent = iframeWindow.jQuery('#frameBody');
// or
iframeContent = iframeWindow.$('#frameBody');
// or even use any other global variable
iframeWindow.myVar = window.myVar;
// or call a global function
var myVar = iframeWindow.myFunction(param1 /*, ... */);
Hinweis
All dies ist möglich, wenn Sie die Richtlinie mit demselben Ursprung einhalten .