htmlToElement / htmlToFragment - create HTML from a string

htmlToElement.ts

function htmlToElement(htmlString: string): HTMLElement {
	const wrapper = document.createElement('div');
	wrapper.innerHTML = htmlString;
	document.body.appendChild(wrapper);
	const el = wrapper.firstChild;
	if (el && wrapper.parentNode) {
		const elClone = el.cloneNode(true);
		wrapper.parentNode.removeChild(wrapper);

		return elClone as HTMLElement;
	}
	return wrapper;
}

htmlToFragment.ts

function htmlToFragment(htmlString: string): DocumentFragment {
	const fragment = document.createDocumentFragment();
	const wrapper = document.createElement('div');
	wrapper.innerHTML = htmlString;

	Array.from(wrapper.childNodes).forEach((child) =>
		fragment.appendChild(child)
	);

	return fragment;
}