Wie greife ich mit JavaScript auf Elemente innerhalb eines Iframes zu?

Zugriff auf Elemente innerhalb eines Iframes mit JavaScript

Dieser Artikel befasst sich mit dem Problem des Zugriffs auf Elemente, die in einem Iframe enthalten sind, mit JavaScript. Das Hauptziel besteht darin, den Wert eines Textbereichs innerhalb des Iframes von seiner untergeordneten Seite abzurufen.

Der herkömmliche Ansatz der Verwendung von window.parent.getElementByID().value schlägt fehl, den Textbereichswert innerhalb des Iframes abzurufen. Um dieses Problem zu lösen, liegt die Lösung in der Nutzung der window.frames-Sammlung.

Zugriff auf Elemente in Iframes derselben Domäne

Wenn sich der Iframe in derselben Domäne befindet wie der Auf der übergeordneten Seite ist der Zugriff auf deren Elemente unkompliziert. Die window.frames-Sammlung bietet eine Möglichkeit, mit dem Inhalt des Iframes zu interagieren.

// Replace 'myIFrame' with the ID of your iframe
// Replace 'myIFrameElemId' with the ID of the element within the iframe
// You can now manipulate elements within the iframe as if they were part of the
// parent document
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Zugriff auf Elemente in domänenübergreifenden Iframes

Allerdings, wenn der Iframe gehostet wird auf einer anderen Domain verhindern Sicherheitsmaßnahmen des Browsers einen solchen Zugriff. Der Versuch, mit domänenübergreifenden Iframes zu interagieren, wird aufgrund der Same Origin Policy zu Ausnahmen führen.

In diesem Fall können alternative Ansätze, wie z. B. die Verwendung von postMessage für die ursprungsübergreifende Kommunikation, erforderlich sein, um eine Brücke zwischen ihnen zu schlagen die übergeordnete Seite und der Inhalt des Iframes.

Das obige ist der detaillierte Inhalt vonWie greife ich mit JavaScript auf Elemente innerhalb eines Iframes zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!