无法在iframe头中创建STYLE标记

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

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

小提琴