使用javascript向iframe添加样式[重复]答案

【问题标题】：add styles to iframe with javascript [duplicate]使用javascript向iframe添加样式[重复]
【发布时间】：2014-07-16 16:11:49
【问题描述】：

我想用 javascript 中的 css 更新 iframe。我知道如何使用下面的代码更新 iframe 正文，但是有没有办法将 css 插入 iframe 的头部？

谢谢大卫

var previewFrame = document.getElementById('previewFrame');
var preview = previewFrame.contentDocument || previewFrame.contentWindow.document;

preview.open();
preview.write('New Content');
preview.close();

【问题讨论】：

这是一种更新 iframe 内容的糟糕方式，它也确实“更新”了head（通过清除它）。
@Teenu 或许您可以分享一下如何正确操作？
您知道src 属性吗？ DOM 操作方法？
iframe 的 src 属性如何帮助添加 css 样式。

标签： javascript html iframe

【解决方案1】：

我认为如果你在同一个域下有 iframe 页面，你应该试试这个：

$("iframe").contents().find('head').append('<style type="text/css">' +'MY CSS IS HERE' + '</style>')

【讨论】：

jquery?用户要求 js
@Phlume 抱歉，没看到...所以，我是否因此而被否决？你问过 OP 他是否知道 jquery？
@user3830694 为什么 Phlume 应该问它，这是你的假设？
我看到它是重复的，并且@user3830694 发布了 jquery，我对两者都发表了评论，然后继续前进。
@Phlume 对不起......我很抱歉。