Comment puis-je accéder aux éléments d'une iframe avec Javascript ?

Question

J'ai une page web où il y a une zone de texte dans une iframe. J'ai besoin de lire la valeur de cette zone de texte à partir de sa page enfant JavaScript. Actuellement, en utilisant window.parent.getelementbyID().value dans le JavaScript, je suis en mesure de récupérer les valeurs de tous les contrôles de la page parente, à l'exception de la zone de texte dans l'iframe.

L'identifiant et le nom du cadre de ma page parent changent au moment de l'exécution, nous ne pouvons donc pas utiliser l'identifiant et le nom du cadre comme référence.

Answer 1

Si vous avez le code HTML

<form name="formname" .... id="form-first">
    <iframe id="one" src="iframe2.html">
    </iframe>
</form>

et JavaScript

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

inside est maintenant une référence au document, donc vous pouvez faire getElementsByTagName('textarea') et ce que vous voulez, en fonction de ce qui se trouve dans la src de l'iframe.

Answer 2

Avec jQuery, vous pouvez utiliser contents() . Par exemple :

var inside = $('#one').contents();