如何从跨域 iframe 检索计算样式？-css教程-PHP中文网

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

Barbara Streisand

发布： 2024-11-30 03:25:21

原创

424 人浏览过

How Can I Retrieve Computed Styles from a Cross-Domain Iframe?

从跨域 iframe 检索计算样式

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

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

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

登录后复制

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

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

登录后复制

element.currentStyle

登录后复制

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

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

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

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

登录后复制

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

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