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

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!