【JavaScript】文字列からDocumentFragmentを作る(Web API)

【JavaScript】文字列からDocumentFragmentを作る(Web API)

DocumentFragmentとは

DocumentFragmentは、親ノードを持たない最小限の文書オブジェクト (文書の断片)。

DocumentFragmentを作成するには、まず空の DocumentFragmentを作成し、その中に Node挿入する。

つまり、 直接に文字列をDocumentFragmentに入れることはできない。

Rangeとは

Rangeは、ノードやテキストノードの部品を含むことができる文書の断片。

Rangeを使って文字列からDocumentFragmentを作る

const range = document.createRange();
const text = 'aaa';
const fragment = range.createContextualFragment(text);
console.log(fragment);
// #document-fragment
//  "aaa"

参考