Heim >Web-Frontend >CSS-Tutorial >Wie rufe ich berechnete Stilwerte aus domänenübergreifenden Iframes ab?

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

Linda Hamilton
Linda HamiltonOriginal
2024-11-30 11:56:11267Durchsuche

How to Retrieve Computed Style Values from Cross-Domain Iframes?

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!

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