javascript - Javascript の範囲。HTML ノードを挿入する方法

Question

私の目標は、テキストを置き換えてタグ内に配置することです。問題は、「'createHtmlCode' の createTextNode を変更する理由」です。

        var pannel = $("#text");            
        var $iframe = $("<iframe>").attr("src","iframe.php");
        var iframe = $iframe.get(0);

        pannel.html($iframe);

       //BOLD BUTTON CLICK
        $("#bold").click(function(){                
            iframe.contentWindow.focus();
            iframe.focus();
            iframe.contentDocument.execCommand('bold', false);
            iframe.focus();
        });


        //H1 CLICK, HERE'S THE PROBLEM    
        // Replace the content with tags h1 + actual selection
        $("#h1").click(function(){
            var doc = iframe.contentWindow.document;
            var selected = iframe.contentWindow.getSelection(); 
            console.info(selected);
            if(selected.rangeCount){
                var range = selected.getRangeAt(0);
                var content = range;                    
                var text = new String(selected);
                range.deleteContents();       
                range.insertNode(iframe.contentDocument.createTextNode('<h1>' + text + '<h1>'));                    
            }

        });