Question

有没有办法在iframe中使用jquery来更改在父级中使用的样式表？

我无权访问父标头，无法在那里手动更改css，我可以将java或jquery代码添加到iframe，这两个代码都位于同一个域中。我希望我可以使用iframe和jquery通过简单地强制父级加载另一个样式表来对父级css进行自定义。

新链接的样式表必须驻留在不同的域中。感谢。

Answer 1

由于您位于同一个域中，因此您不应该遇到XSS问题。您需要首先定位最顶层的文档对象。然后将样式表附加到父头部。试试这个：

var link = '<link type="text/css" rel="stylesheet" href="path/to/file.css" />';

$(window.top.document).find('head').append(link);

然后，您可以将样式放在要附加的CSS文档中。