コンテンツを複製する2017/10/16cloneContents()は、Rangeのメソッドです。範囲のコンテンツを複製して、それを子ノードに持つDocumentFragmentを返します。範囲のコンテンツを子ノードに持つ新しいDocumentFragmentを返します。チュートリアル始点と終点の位置により、複製の内容が違うのでご注意下さい。下記のようにp要素の直前、直後に始点と終点がある場合、メソッドを実行すると、p要素ごと複製します。|始点|<p>SYNCER</p>|終点|下記のようにp要素の先頭、末尾(テキストノードの直前、直後)に始点と終点がある場合、メソッドを実行すると、p要素の中身だけを複製します。<p>|始点|SYNCER|終点|</p>デモRange.cloneContents()のデモです。選択範囲をRangeで表現したオブジェクトにメソッドを実行します。テキストを選択すると3秒後にメソッドが実行されて、その範囲のコンテンツを複製します。返り値のDocumentFragmentの内容を別の場所に表示します。このコードは編集できます。関連記事Range.selectNode()selectNode()は、Rangeのメソッドです。ノードの直前に始点を、直後に終点を設定します。Range.deleteContents()deleteContents()は、Rangeのメソッドです。範囲のコンテンツを削除します。Range.setEnd()setEnd()は、Rangeのメソッドです。終点を位置で設定します。Range.surroundContents()surroundContents()は、Rangeのメソッドです。範囲のコンテンツの周りをノードで囲みます。(月)コンテンツを公開しました。InterfaceハウツーAndroidInstagramLINEMacTwitteriPhoneWebツールブログプロフィールあらゆ足立区竹ノ塚在住の男。ウェブとラーメンが大好きです。@arayutwこのサイトについてSYNCERは「SYNC(同期)」と「ER(する者)」で「知識や感動を同期するブログ」という意味の造語です。みなさんと共に進化(しんか)していきたいという思いも込めてます。SYNCERトップに戻る。