javascript - 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);

.

これは、LAST LINE (動作しません) について思い付くことができる最も近いものです:

preview.head.appendChild(style);

何かご意見は？