Comment accéder aux éléments d'un iFrame en JavaScript ?

Accès aux éléments iFrame en JavaScript

Problème :

Accès à la zone de texte dans un iFrame à partir de la page parent à l'aide de la fenêtre La méthode .parent.getElementById() renvoie null.

Solution :

L'accès aux éléments d'un iFrame nécessite une approche différente basée sur la relation de domaine :

Si l'iFrame se trouve dans le même domaine :

• Utilisez la collection window.frames pour accéder à l'iFrame :

<code class="javascript">// replace "myIFrame" with your iFrame's id
var iFrameDoc = window.frames['myIFrame'].document;
// replace "myIFrameElemId" with your iFrame's element id
var iFrameElem = iFrameDoc.getElementById('myIFrameElemId');</code>

Si l'iFrame se trouve dans un domaine différent :

• Pour des raisons de sécurité, l'accès entre domaines aux éléments iFrame est restreint par les navigateurs.
• Utilisez une page proxy ou créer un mécanisme de communication inter-domaines, tel que HTML5 postMessage.

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!