我知道最近讨论了添加innerHTML到文档片段的问题，并且希望将其包含在 DOM 标准中。但是，在此期间您应该使用的解决方法是什么？
也就是说，取
var html = '<div>x</div><span>y</span>';
var frag = document.createDocumentFragment();
我想要 的div和span里面的frag，有一个简单的单衬。
没有循环的奖励积分。jQuery 是允许的，但我已经尝试过$(html).appendTo(frag)；frag之后还是空的。
这是现代浏览器中一种无需循环的方法：
var temp = document.createElement('template');
temp.innerHTML = '<div>x</div><span>y</span>';
var frag = temp.content;
或者，作为可重复使用的
function fragmentFromString(strHTML) {
var temp = document.createElement('template');
temp.innerHTML = strHTML;
return temp.content;
}
更新：我找到了一种更简单的方法来使用 Pete 的主要思想，它将 IE11 添加到组合中：
function fragmentFromString(strHTML) {
return document.createRange().createContextualFragment(strHTML);
}
覆盖率优于该<template>方法，在 IE11、Ch、FF 中测试正常。
现场测试/演示可用http://pagedemos.com/str2fragment/
目前，仅使用字符串填充文档片段的唯一方法是创建一个临时对象，并循环遍历子对象以将它们附加到片段中。
如果要创建整个文档，请改用 DOMParser。看看这个答案。
代码：
var frag = document.createDocumentFragment(),
tmp = document.createElement('body'), child;
tmp.innerHTML = '<div>x</div><span>y</span>';
while (child = tmp.firstElementChild) {
frag.appendChild(child);
}
一行（两行可读）（输入：String html，输出：）DocumentFragment frag：
var frag =document.createDocumentFragment(), t=document.createElement('body'), c;
t.innerHTML = html; while(c=t.firstElementChild) frag.appendChild(c);
使用Range.createContextualFragment：
var html = '<div>x</div><span>y</span>';
var range = document.createRange();
// or whatever context the fragment is to be evaluated in.
var parseContext = document.body;
range.selectNodeContents(parseContext);
var fragment = range.createContextualFragment(html);
请注意，此方法与<template>方法之间的主要区别是：
Range.createContextualFragment 得到了更广泛的支持（IE11 刚刚获得它，Safari、Chrome 和 FF 已经拥有它一段时间了）。
HTML 中的自定义元素将立即随范围升级，但只有在使用模板克隆到真实文档时才会升级。模板方法有点“惰性”，这可能是可取的。
从来没有人提供过要求的“简单的单线”。
鉴于变量...
var html = '<div>x</div><span>y</span>';
var frag = document.createDocumentFragment();
……下面这行代码可以解决问题（在 Firefox 67.0.4 中）：
frag.append(...new DOMParser().parseFromString(html, "text/html").body.childNodes);
@PAEz 指出@RobW 的方法不包括元素之间的文本。那是因为children只抓取Elements，而不抓取Nodes。更稳健的方法可能如下：
var fragment = document.createDocumentFragment(),
intermediateContainer = document.createElement('div');
intermediateContainer.innerHTML = "Wubba<div>Lubba</div>Dub<span>Dub</span>";
while (intermediateContainer.childNodes.length > 0) {
fragment.appendChild(intermediateContainer.childNodes[0]);
}
性能可能会在较大的 HTML 块上受到影响，但是，它与许多旧浏览器兼容，并且简洁。