Convert HTML string to document fragment

html-string-to-fragment.ts

export const rangeFragmentSuport =
  "createContextualFragment" in document.createRange();
export const templateSupport = "content" in document.createElement("template");

export function htmlFragment(html: string): DocumentFragment {
  if (rangeFragmentSuport) {
    return document.createRange().createContextualFragment(html);
  }

  if (templateSupport) {
    const template = document.createElement("template");
    template.innerHTML = html;
    return template.content;
  }

  const doc = document.implementation.createHTMLDocument(""),
    range = doc.createRange(),
    body = doc.body;

  body.innerHTML = html;
  range.selectNodeContents(body);
  return range.extractContents();
}