Не могу создать тег STYLE в заголовке iframe

Вот 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/< /а>


javascript iframe jquery codemirror
person Sanya    schedule 17.07.2013    source источник
comment
Ну, вы не сможете вставлять исходный код CSS таким образом (по крайней мере, не во всех браузерах). Другая проблема заключается в том, что вы пытаетесь найти элемент <style> по его идентификатору, но ищете (неявно) в родительском документе, а не в документе <iframe>.   -  person Pointy    schedule 18.07.2013

Ответы (1)


arrow_upward
1
arrow_downward

Вам просто нужно дождаться загрузки iframe, прежде чем пытаться вставить материал:

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

FIDDLE

person adeneo    schedule 17.07.2013