Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie greife ich in JavaScript auf Elemente innerhalb eines iFrames zu?

DDD
Freigeben: 2024-10-20 09:44:30
Original
114 Leute haben es durchsucht

How to Access Elements Within an iFrame in JavaScript?

Zugriff auf iFrame-Elemente in JavaScript

Problem:

Zugriff auf den Textbereich innerhalb eines iFrames von der übergeordneten Seite aus über das Fenster Die Methode .parent.getElementById() gibt null zurück.

Lösung:

Der Zugriff auf Elemente innerhalb eines iFrame erfordert einen anderen Ansatz basierend auf der Domänenbeziehung:

Wenn sich der iFrame in derselben Domäne befindet:

  • Verwenden Sie die window.frames-Sammlung, um auf den iFrame zuzugreifen:
<code class="javascript">// replace "myIFrame" with your iFrame's id
var iFrameDoc = window.frames['myIFrame'].document;
// replace "myIFrameElemId" with your iFrame's element id
var iFrameElem = iFrameDoc.getElementById('myIFrameElemId');</code>
Nach dem Login kopieren

Wenn sich der iFrame in einer anderen Domäne befindet:

  • Aus Sicherheitsgründen ist der domänenübergreifende Zugriff auf iFrame-Elemente durch Browser eingeschränkt.
  • Verwenden Sie eine Proxy-Seite oder Erstellen Sie einen domänenübergreifenden Kommunikationsmechanismus, z. B. HTML5 postMessage.

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

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!