我想创建一个模板，该模板某些时候会出现，而某些东西消失后我该如何隐藏它？

Question

我不知道显示模板后怎么能再隐藏一次

function show() {
    var temp = document.getElementsByTagName("template")[0];
    var clon = temp.content.cloneNode(true);
    document.body.appendChild(clon);
}

<template class="tem">
        <p class="tem">
            enter your name:
            <br>
            <input type="text">
            <br>
            enter your password
            <br>
            <input type="password">
        </p>
    </template>
    <button onclick="show()" class="temp">unp</button>

Answer 1

不确定我是否正确理解了您，但我想您是想在删除或显示模板内容之间进行切换，如果可以，则代码如下：

function toggle() {
    if (document.getElementsByClassName("tem").length == 1) {
       var temp = document.getElementsByTagName("template")[0];
       var clon = temp.content.cloneNode(true);
       document.body.appendChild(clon);
    } else {
      var el = document.getElementsByClassName("tem")[1];
      el.parentNode.removeChild(el);
    }
}

<template class="tem">
        <p class="tem">
            enter your name:
            <br>
            <input type="text">
            <br>
            enter your password
            <br>
            <input type="password">
        </p>
    </template>
    <button onclick="toggle()" class="temp">unp</button>