Comment puis-je accéder aux éléments de zone de texte dans une iframe à partir de la page parent ?

Accès aux éléments Iframe via JavaScript

Lors de la mise en œuvre d'une page Web contenant une iframe qui encapsule une zone de texte, il peut être difficile d'accéder à la valeur de la zone de texte à partir de la page parent. Des utilisations telles que window.parent.getelementbyID().value peuvent récupérer avec succès les données de la page parent, à l'exclusion de la zone de texte de l'iframe.

Pour résoudre ce problème, nous devons contourner la nature dynamique de l'identifiant et du nom de l'iframe dans le page parent. En tirant parti de notre compréhension du HTML et du JavaScript, nous pouvons accéder aux éléments iframe comme suit :

• Tout d'abord, obtenez la structure HTML dans laquelle l'iframe est intégré dans un élément de formulaire :

<form name="formname">

• Ensuite, utilisez le JavaScript suivant pour référencer le document de contenu de l'iframe :

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

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

La variable "inside" fait désormais référence au document de l'iframe, vous permettant d'utiliser des méthodes telles que getElementsByTagName('textarea') pour accéder et manipuler le contenu de l'iframe.

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!