Range.cloneContents()

Range.cloneContents() は、 Range に含まれる Node 型のオブジェクトをコピーした DocumentFragment を返します。

addEventListener() を使用して追加されたイベントリスナーは、クローン作成中には複製されません。 HTML 属性のイベントは、 Node.cloneNode() メソッドの場合と同様に複製されます。メソッドと同じです。 HTML の id 属性も複製されますが、これは複製によって無効な文書になる可能性があります。

部分的に選択されたノードは、文書フラグメントを有効にするために必要な親タグが含まれます。

cloneContents();

range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
documentFragment = range.cloneContents();
document.body.appendChild(documentFragment);