template タグ

template タグは初期では非表示となりjsで何かをトリガーとして表示させるためのタグです。

<button onclick="show()">表示</button>

<template>
  <h2>タイトル</h2>
  <p>クリックされました</p>
</template>

<script>
function show() {
  let temp = document.getElementsByTagName("template")[0];
  let clone = temp.content.cloneNode(true);
  document.body.appendChild(clone);
}
</script>

例えばスマフォ用のちょっとしたメニューなどに使えるのではないでしょうか?

コメントを残す

メールアドレスが公開されることはありません。