Как вставить разметку не используя innerHTML?

Question

[Дмитрий]

<h1>hello</h1>
Как вставить подобную разметку не используя innerHTML? Нужно именно вставить разметку, не используя createElement для создания этой разметки. Читал что можно использовать textContent, но как - не понял.

Comments

[Михаил]

ctrl v

[Дмитрий]

Рустам Байназаров, уязвимость

[SunUp]

Element.insertAdjacentHTML()
Или это тоже за innerHTML считается?

[Дмитрий]

SunUp, да

[Rustam Bainazarov]

Tim308, удалил комментарий, потому как лень дискутировать, но вы успели увидеть. Любая работа с JS связана с уязвимостью в таком случае. Более того, вам нужно вставлять именно разметку, а не текст, поэтому вы в любом случае не спасётесь от XSS. Но утверждать не смею, возможно, есть любой иной метод, либо даже костыль.

[SunUp]

Рустам Байназаров, К сожалению увидеть не успел. По поводу уязвимости согласен, нагугленный костыль как сделать то что хочет автор указал в ответе, но делать так в реальном проекте никому не посоветую

[Rustam Bainazarov]

SunUp, ой. LOL, не вам ответ, извините.

[tundramani]

а почему нельзя innerHTML?
в чем проблема?
откуда такое ограничение?

[Дмитрий]

сейчас вы читаете этот текст, XSS уязвимость

Answer 1

[SunUp]

const tag = new DOMParser().parseFromString("<h1>hello</h1>", "text/html").body.childNodes[0];
document.body.appendChild(tag);