Comment accéder aux éléments à l'intérieur d'un iFrame ?

Accès aux éléments dans un iFrame

La récupération d'éléments à partir d'un iFrame peut être nécessaire pour manipuler le contenu ou collecter des données à partir du cadre intégré. Voici comment procéder :

Méthode :

Pour obtenir un élément DIV à partir d'un iFrame, utilisez le code suivant :

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

ou, plus simplement :

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

Une fois que vous avez obtenu l'innerDoc, vous pouvez accéder à l'élément DIV en son identifiant en utilisant :

innerDoc.getElementById('divId');

Remarque :

Il est crucial de s'assurer que l'iFrame est situé sur le même domaine que la page parent pour accéder à son contenu . Les scripts intersites sont empêchés par la politique de même origine.

Références :

• MDN : [