Heim >Web-Frontend >js-Tutorial >Wie greife ich in JavaScript auf Elemente innerhalb eines iFrames zu?

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

DDD
DDDOriginal
2024-10-20 09:44:30193Durchsuche

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>

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!

Stellungnahme:
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