Comment puis-je accéder au contenu d'un IFrame à l'aide de JavaScript ?

Comment accéder au contenu d'une Iframe en JavaScript

Pour récupérer le contenu de l'élément body dans une iframe en utilisant du JavaScript pur, il y a y a plusieurs étapes à suivre :

1. Obtenez l'objet Iframe :

const iframe = document.getElementById('id_description_iframe');

2. Accédez au document de contenu de l'Iframe :
Selon le code source de jQuery, le code suivant fournit une solution multi-navigateurs :

const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

3. Sélectionnez des éléments dans l'iframe :
Pour sélectionner des éléments dans le document de contenu de l'iframe, utilisez :

const iframeContent = iframeDocument.getElementById('frameBody');

4. Appeler des fonctions dans l'iframe :
Pour accéder aux fonctions ou variables globales dans l'iframe, obtenez l'objet fenêtre iframe :

const iframeWindow = iframe.contentWindow;

Exemple :

iframeContent = iframeWindow.jQuery('#frameBody'); // if jQuery is loaded within the iframe

Considérations :

• Assurez-vous que l'iframe et son contenu adhèrent à la politique de même origine.
• Cette solution reste courte et lisible tout en offrant une compatibilité entre navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!