Comment accéder à un élément Div dans un IFrame ?-js tutoriel-php.cn

Accéder aux éléments dans les iFrames

L'accès aux éléments dans les iFrames peut être un défi courant rencontré dans le développement Web. Les iFrames sont des cadres intégrés utilisés pour charger du contenu externe dans une page Web, et il est crucial de comprendre comment interagir avec leurs éléments internes.

Question : Comment pouvons-nous récupérer un fichier élément situé dans un ?

Réponse :

Pour récupérer un élément élément d'un , vous pouvez utiliser l'approche suivante :

var iframe = document.getElementById('iframeId'); var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document; Copier après la connexion Vous pouvez également simplifier le code en utilisant le "||" opérateur :

var iframe = document.getElementById('iframeId'); var innerDoc = iframe.contentDocument || iframe.contentWindow.document; Copier après la connexion Ce code obtient le document interne (contenu iframe) en vérifiant à la fois les propriétés contentDocument et contentWindow.document de l'iframe.

Une fois que vous avez le document interne, vous pouvez interagissez avec ses éléments comme vous le feriez avec des éléments de la page principale. Par exemple, vous pouvez récupérer le fichier élément utilisant innerDoc.getElementById('divId').

Remarque importante :

Il est crucial de noter que l'iframe doit être situé sur le même domaine que votre page principale pour éviter les problèmes de scripts intersites. Les scripts intersites se produisent lorsqu'un script d'un domaine accède aux informations d'un autre domaine sans autorisation. Reportez-vous aux ressources suivantes pour plus d'informations sur ce sujet :

MDN : Scripts MDN : politique de même origine : accès à l'API de script d'origine croisée