squadbrodyaga
@squadbrodyaga
Татарский богатырь

Как поместить созданный блок внутрь HTML кода в return?

Здравствуйте, как можно поместить блок внутрь HTML кода, который возвращает return
Вот, что я имею ввиду:
body.innerHTML = renderTemplate()


function renderTemplate() {
  const div = document.createElement("div")
  div.textContent = "Очень важный блок"

  return `
    <main class="container">
      ${div} <!-- и вот сюда нужно вставить этот блок -->
      <div>Какая-то другая разметка</div>
    </main>
  `
}

И вот как поместить этот созданный div внутри шаблона, который еще не создан?

Codepen: https://codepen.io/squadcoder/pen/jOVzPjx?editors=0010
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
@generate
...
document.body.innerHTML = renderTemplate();


function renderTemplate() {
  const div = document.createElement("div")
  div.textContent = "Очень важный блок"

  return '<main class="container">'+ div.outerHTML +'<div>Какая-то другая разметка</div></main>';
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы