Wie greife ich auf Elemente in einem iFrame zu?

Zugriff auf Elemente innerhalb eines iFrames

Das Abrufen von Elementen innerhalb eines iFrames kann für die Bearbeitung des Inhalts oder das Sammeln von Daten aus dem eingebetteten Frame erforderlich sein. So geht's:

Methode:

Um ein DIV-Element aus einem iFrame abzurufen, verwenden Sie den folgenden Code:

var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;

oder einfacher:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

Sobald Sie das innerDoc erhalten haben, können Sie über seine ID auf das DIV-Element zugreifen mit:

innerDoc.getElementById('divId');

Hinweis:

Es ist wichtig sicherzustellen, dass sich der iFrame auf derselben Domain wie die übergeordnete Seite befindet, um Zugriff auf deren Inhalt zu erhalten. Cross-Site-Scripting wird durch die Same-Origin-Richtlinie verhindert.

Referenzen:

• MDN: [