HTML template Element

Cloning a template

A small, runnable example of this syntax.

<template id="message-template">
  <p class="message"></p>
</template>
<div id="messages"></div>
<script>
  const fragment = document.querySelector("#message-template").content.cloneNode(true);
  fragment.querySelector(".message").textContent = "Saved";
  document.querySelector("#messages").append(fragment);
</script>