无法在iframe头中创建STYLE标记

Question

这是jsfiddle - ＆gt; 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具有在外部资源中加载的所有codemirror脚本和样式。

这是jsfiddle - ＆gt; 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);
}

FIDDLE