Heim >Web-Frontend >CSS-Tutorial >Wie kann ich auf den berechneten Stil eines Elements in einem domänenübergreifenden Iframe zugreifen?

Wie kann ich auf den berechneten Stil eines Elements in einem domänenübergreifenden Iframe zugreifen?

DDD
DDDOriginal
2024-12-03 02:00:131023Durchsuche

How Can I Access the Computed Style of an Element in a Cross-Domain Iframe?

Zugriff auf den berechneten Stil eines Elements in domänenübergreifenden Iframes

Sie möchten die berechneten Stilwerte für ein Element innerhalb eines domänenübergreifenden Iframes erhalten . Auf die Stilinformationen dieses Elements kann aufgrund ursprungsübergreifender Einschränkungen nicht direkt zugegriffen werden.

Um diese Einschränkung zu überwinden, können Sie die Methode window.getComputedStyle() verwenden. Diese Methode ist in Browsern wie Firefox, Opera und Safari verfügbar und ermöglicht es Ihnen, die berechneten Stile für ein Element abzurufen.

Verwendung:

const element = document.getElementById("frameId");
const computedStyle = window.getComputedStyle(element);
const height = computedStyle.getPropertyValue("height");
const width = computedStyle.getPropertyValue("width");

Der obige Code ruft die berechnete Höhe und Breite für das Element innerhalb des Iframes mit der ID ab „frameId.“

Hinweis:

Die Eigenschaft currentStyle kann im IE verwendet werden, um auf den berechneten Stil zuzugreifen. Es ist jedoch zu beachten, dass verschiedene Browser unterschiedliche Objekte dafür zurückgeben Berechneter Stil.

Wenn Sie den berechneten Stil für den Inhalt des Iframes abrufen möchten, müssen Sie in das DOM des Iframes navigieren und wenden Sie die gleiche Technik auf das Dokument an.

Das obige ist der detaillierte Inhalt vonWie kann ich auf den berechneten Stil eines Elements in einem domänenübergreifenden Iframe zugreifen?. 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