[解決済み】HTML文字列をDOM要素に変換する？

質問

のようなHTMLを変換する方法はありますか？

<div>
<a href="#"></a>
<span></span>
</div>

または他の HTML 文字列を DOM 要素に変換できますか？(appendChild()を使用できるように)。私は.innerHTMLと.innerTextができることを知っていますが、それは私が欲しいものではありません -- 私は文字通り、動的なHTML文字列をDOM要素に変換して、それを.appendChild()に渡すことができるようにしたいのです。

更新：混乱があるようです。私はHTMLの内容をJavaScriptの変数の値として、文字列で持っています。ドキュメントにはHTMLコンテンツはありません。

解決方法は？

を使用することができます。 DOMParser というように

var xmlString = "<div id='foo'><a href='#'>Link</a><span></span></div>";
var doc = new DOMParser().parseFromString(xmlString, "text/xml");
console.log(doc.firstChild.innerHTML); // => <a href="#">Link...
console.log(doc.firstChild.firstChild.innerHTML); // => Link