DHTML：Range.cloneContentsメソッド

DHTML： Range.cloneContents メソッド　編集：2021.12.04 by T.A.

Range に含まれる Node タイプのオブジェクトをコピーする DocumentFragment を返します。→MS

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

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

documentFragment = range.cloneContents()

range: ¶Range
documentFragment: DocumentFragment。

例

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

テスト

ここに表示

スクリプト： S=document.getSelection(); R=S.getRangeAt(0); D=R.cloneContents();

スクリプト： R=document.getSelection(); D=document.createTextNode(R);

表示内容：