Wie kann ich berechnete Stile aus einem domänenübergreifenden Iframe abrufen?

Berechneten Stil aus domänenübergreifendem Iframe abrufen

Dieser Artikel konzentriert sich auf das Abrufen des berechneten Stils eines HTML-Elements innerhalb eines Iframes, der sich in einer anderen Domäne befindet. Das Ziel besteht darin, bestimmte CSS-Eigenschaften wie Höhe und Breite abzurufen, die Browser berechnen und verwenden.

Um auf den berechneten Stil zuzugreifen, können Sie Folgendes verwenden:

Andere Browser als IE

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

Dieses Skript gibt die berechnete Höhe des Elements zurück. Alternativ können Sie auch Folgendes verwenden:

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

IE

element.currentStyle

Diese Methode gibt das aktuelle Stilobjekt für das angegebene Element zurück.

Überlegungen zu domänenübergreifenden Überlegungen

Da Sie aufgrund domänenübergreifender Einschränkungen nicht direkt auf den Iframe zugreifen können, müssen Sie einen anderen Weg finden, um auf das benötigte Element zuzugreifen. Sie können dies tun, indem Sie das DOM des Iframe-Dokuments bearbeiten.

Auswählen des Zielelements

Um das gewünschte Element auszuwählen, können Sie Folgendes verwenden:

document.getElementById("frameId").contentDocument.getElementById("brshtml")

Dies setzt voraus, dass das Kopfelement des Iframe-Dokuments die ID „brshtml“ hat.

Das obige ist der detaillierte Inhalt vonWie kann ich berechnete Stile aus einem domänenübergreifenden Iframe abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!