和你描述的一模一样当元素被附加到元素后，它们会从片段中移除，以防止延迟引用导致内存泄漏。
获取这些子节点的一种方法是在执行appendChild()之前创建片段的childNodes的浅副本：

// make shallow copy, use Array.prototype to get .slice() goodness
var children = [].slice.call(frag.childNodes, 0);

element.appendChild(frag);

return children;

如果您只是在添加后才查看，那么lastChild是最佳选择。

var e = element.lastChild;

更多info in SitePoint

来自DocumentFragment的文档：
各种其他方法可以将文档片段作为参数（例如，诸如appendChild和insertBefore之类的任何节点接口方法），在这种情况下，追加或插入片段的子节点，而不是片段本身。
因此appendChild方法返回documentFragment，但它是空的，因为它的子节点插入到element对象中，并且（来自appendChild doc）：
[...]一个节点不可能同时出现在文档的两个点上，所以如果这个节点已经有了父节点，那么它首先会被移除，然后被添加到新的位置上。
现在...您可以在缓存数组中存储您的子项，并在返回后将其返回（或参见Jack解决方案：-））

类似于Jack的解决方案，但如果使用esnext，则可以将Array.from用作

const children = Array.from(frag.children);

element.appendChild(frag);

return children;

如果你的文档片段中只有一个主元素，你可以使用.firstElementChild，仅此而已。如果要复制多个副本，请使用.cloneNode(true)。示例-https://codepen.io/SergeiMinaev/pen/abLzQjZ

多亏了@The Sloth的评论，我找到了这个解决方案，终于帮我解决了：
第一个月
在我的例子中，element.lastChild返回一个文本节点，而不是附加的节点。