Wie kann ich von der übergeordneten Seite aus auf Textarea-Elemente in einem Iframe zugreifen?

Zugriff auf Iframe-Elemente über JavaScript

Beim Implementieren einer Webseite mit einem Iframe, der einen Textbereich kapselt, kann es schwierig sein, auf den Wert des Textbereichs zuzugreifen von der übergeordneten Seite. Verwendungen wie window.parent.getelementbyID().value können erfolgreich Daten von der übergeordneten Seite abrufen, mit Ausnahme des Textbereichs des Iframes.

Um dieses Problem zu beheben, müssen wir die dynamische Natur der ID und des Namens des Iframes umgehen übergeordnete Seite. Indem wir unser Verständnis von HTML und JavaScript nutzen, können wir wie folgt auf die Iframe-Elemente zugreifen:

• Besorgen Sie sich zunächst die HTML-Struktur, in der der Iframe in ein Formularelement eingebettet ist:

<form name="formname">

• Verwenden Sie anschließend das folgende JavaScript, um auf den Inhalt des Iframes zu verweisen Dokument:

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

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

Die Variable „inside“ verweist jetzt auf das Dokument des Iframes, sodass Sie Methoden wie getElementsByTagName('textarea') verwenden können, um auf den Inhalt des Iframes zuzugreifen und ihn zu bearbeiten.

Das obige ist der detaillierte Inhalt vonWie kann ich von der übergeordneten Seite aus auf Textarea-Elemente in einem Iframe zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!