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