如何访问跨域 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中文网其他相关文章！