Как заменить все содержимое основного тега из шаблона

Question

Я хочу заменить весь контент (заголовок div) основным тегом из шаблона (заголовок div & footer).

    <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.Вы можете попробовать Outer Html или textContent для повышения производительности.

Ссылка для объекта элемента:

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

Ссылка для querySelector:

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