La question exacte est de savoir comment le faire avec du JavaScript pur et non avec jQuery.
Mais j'utilise toujours la solution qui se trouve dans le code source de jQuery. C'est juste une ligne de JavaScript natif.
Pour moi, c'est le meilleur moyen, facile à lire et même le plus court pour obtenir le contenu des iframes.
Commencez par obtenir votre iframe
var iframe = document.getElementById('id_description_iframe');
// or
var iframe = document.querySelector('#id_description_iframe');
Et puis utilisez la solution de jQuery
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
Cela fonctionne même dans Internet Explorer qui fait cette astuce lors de la contentWindowpropriété de l' iframeobjet. La plupart des autres navigateurs utilisent la contentDocumentpropriété et c'est la raison pour laquelle nous vérifions cette propriété d'abord dans cette condition OR. Si ce n'est pas le cas, essayez contentWindow.document.
Sélectionnez des éléments dans l'iframe
Ensuite, vous pouvez généralement utiliser getElementById()ou même querySelectorAll()sélectionner l'élément DOM à partir de iframeDocument:
if (!iframeDocument) {
throw "iframe couldn't be found in DOM.";
}
var iframeContent = iframeDocument.getElementById('frameBody');
// or
var iframeContent = iframeDocument.querySelectorAll('#frameBody');
Appeler des fonctions dans l'iframe
Obtenez juste l' windowélément de iframepour appeler des fonctions globales, des variables ou des bibliothèques entières (par exemple 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 /*, ... */);
Remarque
Tout cela est possible si vous observez la politique de même origine .