如何存取跨域 iframe 中元素的計算樣式？

存取跨域 iframe 中元素的計算樣式

您希望取得跨域 iframe 中元素的計算樣式值。由於跨域限制，無法直接存取該元素的樣式資訊。

要克服此限制，您可以使用 window.getCompulatedStyle() 方法。此方法在 Firefox、Opera 和 Safari 等瀏覽器中可用，它允許您檢索元素的計算樣式。

用法：

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

上面的程式碼將擷取iframe 內具有id 的元素的計算高度和寬度"frameId."

注意：

在IE 中可以使用currentStyle 屬性來存取計算的樣式，但值得注意的是，不同的瀏覽器會傳回不同的物件計算樣式。

如果您希望檢索 iframe 內容的計算樣式，您需要導航至 iframe 的DOM 並將相同的技術套用至其文件。

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