如何从模板中替换所有内容主标记

Question

我想从模板（标题div＆amp; footer）替换所有内容（div标题）主标记。

    <main class="central">
      <div id="main" class="central__content">
        <div id="intro" class="intro"/>
      </div>
      <footer class="footer"/>
    </main>

    <template id="rules">
      <header class="header">
    ...
      </header>
      <div class="rules">
      </div>
      <footer class="footer">
    ...
      </footer>
   </template>

我认为第一步是获取内容 - 三个标签的数组，但内容和textConten为空。

var currentTemplate = document.querySelector('#rules');
var divFromTemplate = currentTemplate.content;

但divFromTemplate为空。

Answer 1

querySelector()函数返回一个Element对象，该对象没有名为content的属性。您可能需要尝试使用外部Html或textContent以获得更好的性能。

元素对象的参考：

https://developer.mozilla.org/en-US/docs/Web/API/Element

querySelector的参考：

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector