Zugriff auf iFrame-Elemente in JavaScript

Das Navigieren in den Feinheiten von JavaScript kann oft eine Herausforderung darstellen, insbesondere beim Umgang mit iFrames. Ein häufiges Problem entsteht, wenn versucht wird, den Wert eines Textbereichs, der sich in einem iFrame befindet, von seiner untergeordneten Seite abzurufen. Herkömmliche Methoden sind in dieser Hinsicht unzureichend.

Um sich mit einer Lösung zu befassen, ist es wichtig, die von Browsern auferlegten Sicherheitsbeschränkungen zu berücksichtigen. Wenn der iFrame und seine untergeordnete Seite dieselbe Domäne verwenden, wird der Zugriff über die window.frames-Sammlung von JavaScript gewährt. Durch die Verwendung dieses Ansatzes kann man mit iFrame-Elementen interagieren, als wären sie Teil des Dokumentobjekts der übergeordneten Seite:

// substitute myIFrame with your iFrame ID
// replace myIFrameElemId with your iFrame's element ID
// interact with window.frames['myIFrame'].document as you would with the parent document
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Wenn sich die Domäne des iFrames jedoch von der der übergeordneten Seite unterscheidet, verhindern Sicherheitsmaßnahmen aufgrund des „gleichen“ den unbefugten Zugriff auf Elemente innerhalb des Frames -Origin-Richtlinie.“