Range.cloneContents()

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

DOMイベントを使用して追加されたイベントリスナーは、複製中にコピーされません。 HTML属性イベントは、DOM Core cloneNodeメソッドの場合と同様に複製されます。 HTML id属性も複製されるため、複製によって無効なドキュメントが作成される可能性があります。

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

documentFragment = range.cloneContents();

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