相当于JQuery的Javascript将STYLE标记添加到头部

Question

我的代码的最后一行是jquery。它有效，但我试图找到纯javascript等价的

的jQuery

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

    preview.open();
    preview.close();

    style = document.createElement( 'style' ); 
    style.type = 'text/css';
    style.id = 'xmain_css1';
    $('#my_iframe').contents().find('head').append(style);

这是我能为最后一行提出的最接近的（不起作用）：

preview.head.appendChild(style);

有什么想法吗？