Javascript insertAdjacentHTML无法使用documentfragment

我在里面有一个父元素和一些元素，然后制作一个片段并克隆一些节点，将它们放在片段中，然后尝试使用insertAdjacentHTML代码将片段插入dom中，如下所示

<div id="slide-container">
    <div class="page1">page0</div>
    <div class="page1">page1</div>
    <div class="page1">page2</div>
    <div class="page1">page3</div>
    <div class="page1">page4</div>
  </div>
<script>
var e = document.querySelector('#slide-container'), f = new DocumentFragment();
//add some elements to the fragment then try to insert them depending on some conditions
e.insertAdjacentHTML('afterbegin',f)
</script>

第0页
第1页
第2页
第3页
第4页
var e=document.querySelector（“#幻灯片容器”），f=new DocumentFragment（）；
//向片段中添加一些元素，然后根据某些条件尝试插入它们
e、 insertAdjacentHTML（'afterbegin'，f）

文档片段基本上是节点的抽象容器。它不是HTML

insertAdjacentElement

方法也不起作用。您可以改为使用

.insertBefore

var e=document.querySelector（“#幻灯片容器”），
f=新文档片段（）；
f、 appendChild（document.createElement（“div”））.textContent=“works！”；
e、 插入前（f，e.firstChild）

第0页
第1页
第2页
第3页
第4页

有没有办法将内部片段转换为html或字符串，我知道它没有innerHtml方法，但有没有办法呢？！我认为您需要将其每个子节点的

.outerHTML

连接起来。但是，如果您想要一个HTML字符串，为什么要首先使用文档片段？因为我必须选择其中一些div来克隆它们，将它们添加到文档片段，然后我必须将它们重新附加到dom。您可以直接附加到

幻灯片容器

而不是附加到片段吗？除非你有一个巨大的数字，否则我怀疑在表现上会有很大的差异。有时是10到20个div，也许更多，这就是为什么我关心表现