将样式应用于子文档中的父文档

Question

我有一个聊天小部件应用程序的脚本，想从子文档（聊天小部件应用程序）将样式应用于父级文档主体。 因此，如果您查看图像，我想通过app-chat-wdget将样式应用于父级文档正文。

到目前为止，我已经尝试过-我尝试使用window对象进行访问，但是它给了我子文档。

frameElement为空

我尝试通过window.parent访问，但是没有父文档-

即使window.top没有父文档

Answer 1

答案很简单：您 CAANOT ，但是您可以使用脚本来完成。在子页面中，您可能会看到以下内容：

var frameEl = window.parent;
if (frameEl) {
    var css = document.createElement('link');
    css.rel = 'stylesheet";
    css.type = '"text/css"';   
    css.href = "http://....";
    frameEl.document.getElementsByTagName('head')[0].appendChild(css);
}