Accédant à des éléments iframe à l'aide de javaScript

Dans un scénario où vous avez une page Web avec une iframe contenant un TextArea, vous pouvez rencontrer des difficultés accédant à la valeur de TextArea en utilisant des techniques Javascript standard. En règle générale, vous utiliseriez Window.parent.getElementById (). Valeur pour récupérer les valeurs dans la page parent. Cependant, cette approche échoue pour les iframes en raison de leur nature isolée.

Pour aborder cette limitation, une solution dynamique est requise, car les IFRAME IDS et les noms peuvent changer pendant l'exécution. La clé réside dans l'accès au contenu IFRAME sans s'appuyer sur son identifiant ou son nom. Le code JavaScript suivant fournit une solution complète:

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

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

Ce code prend la référence iframe et identifie dynamiquement si l'IFRAME utilise un contenuwindow ou contenu. Il attribue ensuite la référence à la variable intérieure.

avec la variable intérieure, vous pouvez désormais accéder aux éléments dans l'IFRAME et, dans ce cas spécifique, le TextArea:

inside.getElementsByTagName('textarea')

Crésivité de cette solution complète ou un accès complet à des éléments à l'intérieur de sites, indépendamment de leur solution complète ou de la solution complète ou de l'accès fiable à des éléments à l'intérieur de son iframe, indépendamment de leur examen ou de cette solution complète ou d'un accès complet à des éléments à l'intérieur de son iframe, indépendamment de leur examen ou de cette solution complète ou de cette solution complète ou d'un accès fiable à des éléments à l'intérieur à l'intérieur d'IFRAM noms.