このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Range: cloneContents() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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

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

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

構文

js
cloneContents()

引数

なし。

返値

DocumentFragment オブジェクトです。

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

仕様書

仕様書
DOM
# dom-range-clonecontents

ブラウザーの互換性

関連情報