首页 > web前端 > css教程 > 如何访问跨域 iframe 中元素的计算样式?

如何访问跨域 iframe 中元素的计算样式?

DDD
发布: 2024-12-03 02:00:13
原创
1053 人浏览过

How Can I Access the Computed Style of an Element in a Cross-Domain 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板