Wie rufe ich berechnete Stilwerte aus domänenübergreifenden Iframes ab?

Abrufen berechneter Stilwerte von domänenübergreifenden Elementen

Bei der Arbeit mit Iframes aus verschiedenen Domänen kann der Zugriff auf berechnete Stilinformationen eine Herausforderung darstellen. Um die berechneten Stile zu erhalten, befolgen Sie die unten bereitgestellte umfassende Lösung.

WebKit-Browser

Verwenden Sie für WebKit-basierte Browser den folgenden Codeausschnitt:

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

Alternativ können Sie auf den berechneten Wert als CSS zugreifen Text:

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

Internet Explorer

Verwenden Sie für Internet Explorer die Eigenschaft „currentStyle“:

document.getElementById("frameId").contentDocument.body.currentStyle.height

Iframe-Inhalte

Um jedoch den berechneten Stil des Iframe-Inhalts zu erhalten, müssen Sie navigieren Gehen Sie mit den folgenden Schritten tiefer in das DOM vor:

1. Rufen Sie den Verweis auf das Iframe-Dokument ab:

   var iframeDoc = document.getElementById("frameId").contentDocument;

2. Führen Sie den entsprechenden Code basierend auf dem Browsertyp aus wie beschrieben oben.

Beispiel

Sobald Sie den berechneten Stil haben, können Sie wie folgt darauf zugreifen:

iframeDoc.getElementById("brshtml").style.height

Beachten Sie, dass die Die ID „brshtml“ muss möglicherweise angepasst werden, wenn sie im Zieldokument nicht vorhanden ist.

Das obige ist der detaillierte Inhalt vonWie rufe ich berechnete Stilwerte aus domänenübergreifenden Iframes ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!