Wie kann ich mit Javascript auf den Inhalt eines Iframes zugreifen und ihn bearbeiten?

Abrufen des Inhalts eines Iframes in Javascript

Das Abrufen des Hauptinhalts eines Iframes in Javascript erfordert einen bestimmten Ansatz. Während jQuery eine unkomplizierte Methode bietet, bietet reines Javascript eine ebenso effektive Lösung.

Der reine Javascript-Ansatz

1. Besorgen Sie sich das iframe-Element:

   • var iframe = document.getElementById('id_description_iframe');
   • var iframe = document.querySelector('#id_description_iframe');

2. Das Dokument des Iframes abrufen:

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

Dieser Ansatz funktioniert für die meisten Browser, da zunächst nach der contentDocument-Eigenschaft gesucht wird und aus Gründen der Internet Explorer-Kompatibilität auf contentWindow.document zurückgegriffen wird.

Elemente auswählen und Funktionen aufrufen

Sobald Sie Wenn Sie über das Iframe-Dokument verfügen, können Sie Standard-Javascript-Methoden verwenden, um damit zu interagieren:

• Elemente nach ID abrufen: iframeDocument.getElementById('frameBody');
• CSS-Selektoren verwenden: iframeDocument .querySelectorAll('#frameBody');
• Iframe-Fenster abrufen: var iframeWindow = iframe.contentWindow;

• Funktionen aufrufen oder auf Variablen im Iframe-Fenster zugreifen:

  • iframeWindow.myVar = window.myVar;
  • var myVar = iframeWindow.myFunction(param1 /*, ... */);

Überlegungen

Denken Sie daran, bei der Arbeit mit Iframes die Same-Origin-Richtlinie zu berücksichtigen. Wenn der Iframe und das übergeordnete Dokument unterschiedlichen Ursprungs sind, können ursprungsübergreifende Einschränkungen gelten.

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