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

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

使用來自不同領域的 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：

1. 取得對 iframe文件的引用：

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

2. 根據所述的瀏覽器類型執行適當的程式碼

範例

一旦

範例

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

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

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