Range.createContextualFragment() 方法通過以 range 的開頭（選定節點的父級）作為上下文節點來呼叫 HTML 片段解析演算法 或者 XML 片段解析演算法來返回 DocumentFragment。如果 range 屬於一個其 HTMLness bit 被設定了的  Document 則會應用 HTML 片段解析演算法。在 HTML 的情況下，如果上下文節點為 html，由於歷史原因，將使用 body 作為上下文來呼叫片段解析演算法。

var tagString = "<div>I am a div node</div>";
var range = document.createRange();

 
// 使文件中第一個 div 的父級成為上下文節點
range.selectNode(document.getElementsByTagName("div").item(0));
var documentFragment = range.createContextualFragment(tagString);
document.body.appendChild(documentFragment);

https://developer.mozilla.org/zh-CN/docs/Web/API/Range/createContextualFragment