如何從跨域 iframe 檢索計算的樣式值？-css教學-PHP中文網

如何從跨域 iframe 檢索計算的樣式值？

Linda Hamilton

發布： 2024-11-30 11:56:11

原創

258 人瀏覽過

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

擷取跨域元素的計算樣式值

使用來自不同領域的 iframe 時，存取計算樣式資訊可能具有挑戰性。若要取得計算樣式，請按照下面提供的綜合解決方案進行操作。

WebKit 瀏覽器

對於基於WebKit 的瀏覽器，請使用以下程式碼片段：

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

登入後複製

或者，您可以以CSS 形式存取計算值text:

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

登入後複製

Internet Explorer

對於Internet Explorer，使用'currentStyle' 屬性：

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

登入後複製

Iframe 內容

但是，要取得計算出的樣式iframe 的內容，您需要使用以下步驟更深入地導航到DOM：

取得對 iframe文件的引用：

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

登入後複製

範例

一旦

範例

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

登入後複製

一旦範例一旦範例一旦範例一旦有了計算樣式，您就可以如下存取它：請注意，如果目標文件中不存在「brshtml」id，則可能需要調整。

以上是如何從跨域 iframe 檢索計算的樣式值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！