Template

template.js

const getElementFromTemplate = (template) => {
  const container = document.createElement('template');
  container.innerHTML = template;
  
  // В этом месте функция неявно вернёт DocumentFragment, 
  // который при добавлении в DOM исчезает, а вместо него 
  // вставляются его дети.
  return container.content;
}

const templateStr = `
  <header class="header">
    <h1>Заголовок</h1>
  </header>
  <div class="content">
    <p>Содержимое</p>
  </div>
`;

const root = document.getElementById('root');
const template = getElementFromTemplate(templateStr);
root.appendChild(template);