Wie kann ich mit reinem JavaScript auf InnerHTML eines Iframes zugreifen?

Zugriff auf den inneren Inhalt eines Iframes in JavaScript

In HTML bettet ein Iframe-Element eine andere Webseite in sein eigenes Dokument ein. Um mit den Inhalten der eingebetteten Seite zu interagieren, muss das übergeordnete Dokument auf den Inhalt seines Hauptteils zugreifen.

Betrachten Sie den folgenden Iframe:

<iframe>

Das Ziel besteht darin, den Text „test<“ abzurufen. br/>" aus dem Iframe.

Reine JavaScript-Lösung

Um auf den Hauptinhalt des Iframes in reinem JavaScript zuzugreifen, verwenden Sie die folgenden Techniken:

1 . Erhalten Sie das iframe-Element:

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

2. Rufen Sie das Dokumentobjekt des Iframes ab:

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

3. Wählen Sie das Body-Element innerhalb des Iframes aus:

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

4. Greifen Sie auf das innerHTML des Body-Elements zu, um den Inhalt zu erhalten:

var iframeBodyContent = iframeContent.innerHTML; // "test<br/>"

Zusätzliche Hinweise:

• Diese Lösung erfordert die Same-Origin-Richtlinie zu beachten.
• Erwägen Sie die Verwendung von Cross-Domain-Messaging oder CORS, wenn der Iframe von einem anderen stammt Domain.
• Mit dieser Technik können Sie nicht nur den Inhalt des Textkörpers abrufen, sondern auch Elemente innerhalb des Iframes auswählen und bearbeiten.

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