🔰create/insert/delete nodes

📘 手冊

• create：

  • Document ⟩ .createElement()

• insert：

  • new children：

    • Element ⟩

      • .insertAdjacentHTML() - 👉 🗺️ 圖解 ⭐️

      • .append() - append a set of Node objects or string (Text) objects.

      • .prepend() - insert before the first child.

    • Node ⟩ .appendChild()

  • new siblings：

    • Element ⟩

      • .before()

      • .after()

• remove/replace：

  • Element ⟩

    • .remove()

    • .replaceWith()

  • Node ⟩ .removeChild()

⬇️ 應用

• elem.wrappedWith()

⭐️ 重點

If an element is already in the document and you insert it somewhere else, it will be moved to the new location, not copied.

🗺️ 圖解

insertion positions for elem.insertAdjacentHTML()

💈範例

• replit: table of contents