💾str.htmlToElement()

💾 程式

• replit: toc

/**
 * convert HTML into Element
 * 
 * @example
 *
 *   let div = `<div id="toc"></div>`.htmlToElement()
 *
 */
String.prototype.htmlToElement = function () {
    const template = document.createElement('template');
    template.innerHTML = this.trim();            // remove text node of whitespace
    return template.content.firstElementChild;   // return Element (no Text nodes)
};

📘 手冊

• Element ⟩ .insertAdjacentHTML()

⬇️ 應用

• table of contents of a HTML page.

• elem.wrappedWithHTML()

🗣 討論

• Creating a new DOM element from an HTML string using built-in DOM methods or Prototype ⭐️

👥 相關

• DOM ⟩ Element

• HTML ⟩ tags

• SVGElement() - create/configure SVG element.