javascript - Rangey js、選択したテキスト用に作成された Span タグなので、span タグ内に div の選択したテキストをどのように追加しますか?

Question

選択したテキストに対して作成されたスパンタグなので、スパンタグ内の選択したテキストに div を追加する方法は?

私のコードは以下です：

function surroundRangeNote() {
            var range = getFirstRange(); //get selected text

                var el = document.createElement("span");

                el.style.backgroundColor = "#E3F6CE";
}
$(function() {
    $("#pin").on('tap', function() { 
                        var timestamp = Number(new Date());

                        var div =document.createElement("div");
                        div.className="note_main";
                        var button=div.appendChild( document.createElement("button") );
                        button.setAttribute("onclick", "return run("+timestamp+");");
                        var child=div.appendChild( document.createElement("div") );
                        child.id='diva'+timestamp;
                        child.setAttribute("style", "display:none");
                        child.className="note_sub";
                        var subchild=child.appendChild( document.createElement("input") );
                        subchild.setAttribute("style", "background:#C9C ");
                        subchild.id='text'+timestamp;
                        subchild.setAttribute("onchange", "return save_me("+timestamp+");");

                        var subchild2=child.appendChild( document.createElement("input") );
                        subchild2.setAttribute("type", "hidden");
                        subchild2.setAttribute("value", "");
                        subchild2.id='hidden'+timestamp;
                        var sel = rangy.getSelection();
                        if (sel.rangeCount > 0) {
                            var range = sel.getRangeAt(0);
                            range.collapse(false);
                            range.insertNode(div);
                            surroundRangeNote();
                        }
                    });
          });

出力:<span style="background-color: rgb(227, 246, 206);">release </span><div> </div> 私の div をスパンした後、

しかし、スパンタグ内でこのdivを作成する方法は? お気に入り

<span style="background-color: rgb(227, 246, 206);">release <div> </div> </span>