如何从跨域 iframe 检索计算样式？

从跨域 iframe 检索计算样式

本文重点介绍如何获取位于不同域的 iframe 内的 HTML 元素的计算样式。目标是检索浏览器计算和使用的特定 CSS 属性，例如高度和宽度。

要访问计算的样式，您可以使用以下内容：

IE 以外的浏览器

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

此脚本返回元素的计算高度。或者，您还可以使用：

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

IE

element.currentStyle

此方法返回指定元素的当前样式对象。

跨域注意事项

由于跨域限制，你无法直接访问iframe，所以你需要寻找另一种方式来访问你需要的元素。您可以通过操作 iframe 文档的 DOM 来完成此操作。

选择目标元素

要选择所需的元素，您可以使用以下命令：

document.getElementById("frameId").contentDocument.getElementById("brshtml")

假设 iframe 文档的 head 元素的 id 为“brshtml”。

以上是如何从跨域 iframe 检索计算样式？的详细内容。更多信息请关注PHP中文网其他相关文章！