有没有办法像转换 HTML 一样：
<div>
<a href="#"></a>
<span></span>
</div>
或任何其他 HTML 字符串到 DOM 元素？（这样我就可以使用 appendChild()）。我知道我可以做 .innerHTML 和 .innerText，但这不是我想要的——我真的希望能够将动态 HTML 字符串转换为 DOM 元素，以便我可以在 .appendChild() 中传递它。
更新：似乎有混淆。我有一个字符串中的 HTML 内容，作为 JavaScript 中变量的值。文档中没有 HTML 内容。
您可以使用 a 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您通常会创建一个临时父元素，您可以在其中写入innerHTML，然后提取内容：
var wrapper= document.createElement('div');
wrapper.innerHTML= '<div><a href="#"></a><span></span></div>';
var div= wrapper.firstChild;
如果您获得的外部 HTML 元素<div>像这里一样简单，这很容易。如果它可能是其他任何地方都不能去的东西，那么您可能会遇到更多问题。例如，如果它是 a <li>，则您必须将父包装器设为 a <ul>。
但IE不能写innerHTML上相似的元素<tr>，如果你有一个这样<td>你必须包装在整个HTML串<table><tbody><tr>...... </tr></tbody></table>，写的是要innerHTML和解脱实际<td>你从几个级别的下降通缉。
为什么不使用insertAdjacentHTML
例如：
// <div id="one">one</div>
var d1 = document.getElementById('one');
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
// At this point, the new structure is:
// <div id="one">one</div><div id="two">two</div>here
查看 John Resig 的纯 JavaScript HTML 解析器。
编辑：如果您希望浏览器为您解析 HTML，innerHTML这正是您想要的。从这个问题：
var tempDiv = document.createElement('div');
tempDiv.innerHTML = htmlString;
好吧，在我不得不考虑其他人的答案之后，我自己意识到了答案。:P
var htmlContent = ... // a response via AJAX containing HTML
var e = document.createElement('div');
e.setAttribute('style', 'display: none;');
e.innerHTML = htmlContent;
document.body.appendChild(e);
var htmlConvertedIntoDom = e.lastChild.childNodes; // the HTML converted into a DOM element :), now let's remove the
document.body.removeChild(e);