Универсальный скрипт создания элементов на js?

Question

[Михаил Flat]

На входе у нас рандомный кусок html, внутри могут быть скрипты инлайновые и подключаемые, весь перечень html тегов, в т.ч svg, а ещё таблицы. Нужно все это дело вставить на страницу так, чтобы не ломалась очередь скриптов.
Может есть готовое решение?

P.S: jquery.html() не подходит, ломает очередь выполнения js.

Comments

[Rerurk]

Как это, рандомный кусок html?

[Михаил Flat]

Rerurk, Его вставляет/заполняет юзер, скрипт должен быть готов к любому сценарию

Answer 1

[Timur Kostenko]

Используй DOMParser

const parser = new DOMParser();
const html = parser.parseFromString( '<div><p>foo</p><p>bar</p></div>' , 'text/html');

const divDoc = html.getRootNode();
document.body.appendChild(divDoc.body);

Comments

[Михаил Flat]

<script>
	const string = `
	<script type="text/javascript" src="https://vk.com/js/api/openapi.js?162"></scr`+`ipt>

	<!-- VK Widget -->
	<div id="vk_groups_1"></div>
	<script type="text/javascript">
	VK.Widgets.Group("vk_groups_1", {mode: 3, width: "auto", color3: 'FF0000'}, 20003922);
	</scr`+`ipt>
	`;
	const parser = new DOMParser();
	const html = parser.parseFromString( string , 'text/html');

	const divDoc = html.getRootNode();
	document.body.appendChild(divDoc.body);
</script>

не исполняет

[Timur Kostenko]

Михаил Flat, посмотри решение которые представлено здесь https://stackoverflow.com/questions/22945884/dompa...

Answer 2

[xmoonlight]

includeHTML