Comment puis-je accéder au InnerHTML d'une Iframe en utilisant du JavaScript pur ?

Accès au contenu interne d'une iframe en JavaScript

En HTML, un élément iframe intègre une autre page Web dans son propre document. Pour interagir avec le contenu de la page intégrée, le document parent doit accéder au contenu de son corps.

Considérez l'iframe suivante :

<iframe>

Le but est de récupérer le texte "test< br/>" à partir de l'iframe.

Solution JavaScript pur

Pour accéder au contenu du corps de l'iframe en JavaScript pur, utilisez les techniques suivantes :

1 . Obtenez l'élément iframe :

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

2. Récupérez l'objet document de l'iframe :

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

3. Sélectionnez l'élément body dans l'iframe :

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

4. Accédez au innerHTML de l'élément body pour obtenir le contenu :

var iframeBodyContent = iframeContent.innerHTML; // "test<br/>"

Notes supplémentaires :

• Cette solution nécessite la politique de même origine à respecter.
• Envisagez d'utiliser la messagerie inter-domaines ou CORS si l'iframe provient d'un autre domaine.
• Cette technique vous permet non seulement de récupérer le contenu du corps mais également de sélectionner et de manipuler des éléments au sein de l'iframe.

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!