Wie greife ich auf Elemente in einem iFrame zu?

Elemente aus einem iFrame abrufen

Der Zugriff auf Elemente innerhalb eines iFrame stellt bei der Webentwicklung oft eine Herausforderung dar. Wenn Sie jedoch den Mechanismus dahinter verstehen, können Sie iFrame-Inhalte effektiv navigieren und bearbeiten.

Lösung

Um ein Element aus einem iFrame zu erhalten, müssen Sie zunächst die iFrames abrufen Inhaltsdokumentobjekt. Dies kann mithilfe der Eigenschaften iframe.contentDocument oder iframe.contentWindow.document erreicht werden.

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

Eine vereinfachte Version ist:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

Dieser Code ruft das erste gültige innere Dokument ab. Nach dem Erwerb können Sie auf die Interna des iFrames zugreifen, ähnlich wie Sie auf Elemente auf Ihrer aktuellen Seite zugreifen würden.

Cross-Origin-Überlegungen

Das ist wichtig zu beachten dass beim Zugriff auf iFrame-Inhalte ursprungsübergreifende Einschränkungen gelten. Wenn sich der iFrame nicht auf derselben Domain wie Ihre aktuelle Seite befindet, kann es zu Zugriffsbeschränkungen kommen. Dies wird als Same-Origin-Richtlinie bezeichnet und gewährleistet die Datensicherheit.

Referenzen

• MDN: < iframe> Skripting


• MDN: Same-Origin Policy: Cross-Origin Script API Access

Das obige ist der detaillierte Inhalt vonWie greife ich auf Elemente in einem iFrame zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!