Wie kann ich mit JavaScript auf den Inhalt eines IFrames zugreifen?

So greifen Sie in JavaScript auf den Inhalt eines Iframes zu

So rufen Sie den Inhalt des Body-Elements innerhalb eines Iframes mit reinem JavaScript ab Es sind mehrere Schritte zu befolgen:

1. Erhalten Sie das Iframe-Objekt:

const iframe = document.getElementById('id_description_iframe');

2. Greifen Sie auf das Inhaltsdokument des Iframes zu:
Laut dem jQuery-Quellcode bietet der folgende Code eine browserübergreifende Lösung:

const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

3. Elemente im Iframe auswählen:
Um Elemente im Inhaltsdokument des Iframes auszuwählen, verwenden Sie:

const iframeContent = iframeDocument.getElementById('frameBody');

4. Rufen Sie Funktionen innerhalb des Iframes auf:
Um auf globale Funktionen oder Variablen innerhalb des Iframes zuzugreifen, rufen Sie das Iframe-Fensterobjekt ab:

const iframeWindow = iframe.contentWindow;

Beispiel:

iframeContent = iframeWindow.jQuery('#frameBody'); // if jQuery is loaded within the iframe

Überlegungen:

• Stellen Sie sicher, dass Der Iframe und sein Inhalt unterliegen der Same-Origin-Richtlinie.
• Diese Lösung bleibt kurz und lesbar und bietet gleichzeitig browserübergreifende Kompatibilität.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript auf den Inhalt eines IFrames zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!