jquery - 如何在另一个页面的 iFrame 中动态更改 HTML 页面的样式表？

Question

我有一个使用 jQuery UI 主题的网页。在此页面中，有一个 iFrame 包含另一个 HTML 文档，该文档也使用 jQuery UI 主题。现在，我已经制作了自己的主题选择器，我想知道让它影响 iFrame 中的页面的最简单方法。例如，每当用户选择一个新主题时，我都会简单地执行以下操作:

<link id="uiTheme" rel="stylesheet" type="text/css" href="ui/smoothness.css" />
$("#uiTheme").attr("href", "ui/" + newTheme + ".css");

其中 newTheme 是不同主题的字符串文字(全部通过选择框完成，我知道这一切都有效等等)。现在，如何更改框架中使用的工作表以匹配主页的工作表？我想我的问题是如何使用 jQuery 选择器获取 ID 为 innerTheme 的链接，以将其 href 属性更改为相同的样式表？此外，我什至需要担心这一点，或者外部页面的 ui-theme 会自动下降到框架中，而框架页面本身不会链接到样式表吗？

如果我的问题有点令人困惑，我深表歉意。如果需要，我可以尝试清理任何东西。

Answer 1

您不必获得对他们的链接元素的引用 - 只需添加您自己的链接元素，它就会覆盖。

var link = document.createElement('link');
link.href = "http://full.domain.com/ui/smoothness.css";
link.type = 'text/css';
link.rel = 'stylesheet';
$('head', frameName )[0].appendChild(link);

但是，如果其他框架来自其他域，您将无法修改其他框架中的任何内容。因此，如果它是从同一个域提供服务的——只在原始页面上进行更改可能会更容易。如果它来自另一个站点 - 遗憾的是你运气不好。