Zugriff auf Iframe -Elemente mit JavaScript

in einem Szenario, in dem Sie eine Webseite mit einem Iframe mit einem Textbereich haben, können Sie auf Schwierigkeiten zugreifen, die auf den Wert des Textbereichs zugreifen. Normalerweise verwenden Sie Window.Parent.getElementById (). Wert zum Abrufen von Werten innerhalb der übergeordneten Seite. Dieser Ansatz schlägt jedoch aufgrund ihrer isolierten Natur für IFRames fehl.

, um diese Einschränkung anzugehen, ist eine dynamische Lösung erforderlich, wie IFrame -IDs und Namen während der Laufzeit möglicherweise ändern. Der Schlüssel liegt in dem Zugriff auf den Iframe -Inhalt, ohne sich auf seine ID oder seinen Namen zu verlassen. Der folgende JavaScript -Code enthält eine umfassende Lösung:

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

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

Dieser Code nimmt die IFrame -Referenz und identifiziert dynamisch, ob der IFrame ein ContentWindow oder ein ContentDocument verwendet. Anschließend weist es den Verweis auf die Innenvariable zu.

mit der Innenvariablen können Sie jetzt auf die Elemente innerhalb des Iframe zugreifen und in diesem speziellen Fall die textarea:

inside.getElementsByTagName('textarea')

diese umfassende Lösung liefert eine zuverlässige Lösung für ihre umfassenden Lösung zu, die zugänglich zugänglich zugänglich zugrunde liefert. Namen.