🔰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()

⬇️ 應用

⭐️ 重點

🗺️ 圖解

💈範例