我有一个表示元素的HTML字符串：“<li>text</li>”。我想将它附加到DOM中的一个元素（在我的例子中是一个ul）。如何使用Prototype或DOM方法做到这一点？
（我知道我可以在jQuery中轻松做到这一点，但不幸的是，我们没有使用jQuery。）
当前回答
较新的DOM实现具有range.createContextualFragment，它以独立于框架的方式完成您所需的操作。
它得到了广泛的支持。不过，为了确保这一点，请在同一MDN链接中检查其兼容性，因为它会发生变化。截至2017年5月：
Feature Chrome Edge Firefox(Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) 11 15.0 9.1.2
其他回答
对于某些html片段，如<td>test</td>、div.innerHTML、DOMParser.parseFromString和range.createContextualFragment（没有正确的上下文），此处其他答案中提到的解决方案不会创建<td>元素。
jQuery.parseHTML（）正确处理它们（我将jQuery2的parseHTML函数提取为一个独立函数，可以在非jQuery代码库中使用）。
如果您只支持Edge 13+，那么只使用HTML5模板标记会更简单：
function parseHTML(html) {
var t = document.createElement('template');
t.innerHTML = html;
return t.content;
}
var documentFragment = parseHTML('<td>Test</td>');
使用insertAdjacentHTML（）。它适用于所有当前浏览器，即使是IE11。
var mylist=文档.getElementById（'mylist'）；mylist.insertAdjacentHTML（'beforeend'，'<li>third</li>'）；<ul id=“mylist”><li>第一个</li><li>第二个</li></ul>
为什么不使用原生js？
var s="<span class='text-muted' style='font-size:.75em; position:absolute; bottom:3px; left:30px'>From <strong>Dan's Tools</strong></span>"
var e=document.createElement('div')
var r=document.createRange();
r.selectNodeContents(e)
var f=r.createContextualFragment(s);
e.appendChild(f);
e = e.firstElementChild;
function domify (str) {
var el = document.createElement('div');
el.innerHTML = str;
var frag = document.createDocumentFragment();
return frag.appendChild(el.removeChild(el.firstChild));
}
var str = "<div class='foo'>foo</div>";
domify(str);
无需任何调整，您获得了一个本地API：
const toNodes = html =>
new DOMParser().parseFromString(html, 'text/html').body.childNodes[0]
