Question

我需要在初始加载时阻止在DOM中加载模板标签。我有一些HTML标签作为模板。我需要在执行操作后插入该代码，但最初它是在DOM中添加的。我需要阻止添加DOM

<div id="template-1">
    Hello world Template-1 
</div>
<div id="template-2">
    Hello world Template-2 
</div>
<button onclick="myFunction()">Click me</button>
<div id="CustomTempl"></div>

在上面的代码中，我需要在单击按钮时呈现模板2，但它显示的是页面加载。我需要防止这种情况。

在下面的演示中，我在onclick函数中附加了模板2，并且格式化了CSS。

https://jsfiddle.net/vbpradeep/qu9210wk/

Answer 1

如果您想使用模板方式，请不要使用documented example，如下所示：

＆＃13;

<button onclick="useIt()">Use me</button>
<div id="container"></div>
<script>
  function useIt() {
    var content = document.querySelector('template').content;
    // Update something in the template DOM.
    var span = content.querySelector('span');
    span.textContent = parseInt(span.textContent) + 1;
    document.querySelector('#container').appendChild(
        document.importNode(content, true));
  }
</script>

<template>
  <div>Template used: <span>0</span></div>
</template>

＆＃13;

防止在DOM中加载模板以进行初始加载

1 个答案: