javascript - 无法在 iframe 头中创建样式标记

Question

这是 jsfiddle --> http://jsfiddle.net/uTy5j/7/embedded/result/

我正在使用 CodeMirror，似乎 Codemirror 正在删除我创建的样式标签：

var preview = document.getElementById('preview');
var mypreview = preview.contentDocument;
mypreview.open();
mypreview.close();

var style = document.createElement('style');
style.id = 'mycssid';
style.type ='text/css';
mypreview.head.appendChild(style);

任何人都可以弄清楚如何在加载所有内容后将此样式标签附加到 iframe 的头部？

jsFiddle 在外部资源中加载了所有代码镜像脚本和样式。

这是 jsfiddle --> http://jsfiddle.net/uTy5j/7/embedded/result/

Answer 1

在尝试插入内容之前，您只需等到 iframe 加载完成：

preview.onload = function() {
    var style = document.createElement('style');
        style.id = 'mycssid';
        style.type ='text/css';
        mypreview.head.appendChild(style);
}

小提琴