Как динамически создавать элемент шаблона с помощью операций DOM ⇐ Html

[Anonymous]

Мне нравится создавать элемент шаблона HTML динамически с операциями JavaScript DOM.
Что-то вроде этого: < /p>

Код: Выделить всё

const template = document.createElement("template")

const div = document.createElement("div")

template.append(div)

Тем не менее, при использовании Append контейнер div не будет доступен в соответствии с Content .

Код: Выделить всё

const template = document.createElement("template")

template.innerHTML = ""

Это работает, потому что innerhtml имеет специальное поведение, реализованное для тегов шаблонов (см. Недостатки, и поэтому вопрос: как вы используете тег шаблона с контентом, созданным с помощью document.createElement ? Это почти невозможно использовать тег шаблона с этими структурами. С другой стороны, я не могу себе представить, что использование innerhtml - единственный путь здесь и что авторы стандартов веб -компонентов не думали об этом, поэтому я должен быть что -то упущенное.


Подробнее здесь: https://stackoverflow.com/questions/641 ... operations