<分区>
javascript - 将样式从子文档应用到父文档
标签 javascript html css angular dom
我有一个聊天小部件应用程序脚本，想将样式应用到子文档(聊天小部件应用程序)中的父文档正文。 因此，如果您查看图像，我想将样式应用于来自 app-chat-wdget 的 parent 文档正文。
到目前为止我已经尝试过 - 我尝试使用窗口对象访问但它给了我子文档。
框架元素为空
我试图通过 window.parent 访问，但它没有父文档 -
![frameEl.document.getElementsByTagName('head')[0].appendChild(css);](/image/83Ygr.png)
甚至 window.top 也没有父文档
最佳答案
答案很简单:您不能。但是......你可以使用脚本来做到这一点。在子页面中，你可以有这样的东西:
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);
}
关于javascript - 将样式从子文档应用到父文档，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57013810/