template  new : スクリプトテンプレート ie

カテゴリ

<template id="template"><p>Smile!</p></template>
<script>
 let num = 3;
 const fragment = document.getElementById('template').content.cloneNode(true);
 while (num-- > 1) {
   fragment.firstChild.before(fragment.firstChild.cloneNode(true));
   fragment.firstChild.textContent += fragment.lastChild.textContent;
 }
 document.body.appendChild(fragment);
</script>

説明

中身は部分HTMLで、スクリプトから利用するためのテンプレート。 表示上は要素が無いように振る舞われる。 これを外部化する取り組みがlink rel=import。 これの一部をテンプレ変数化する取り組みがslot