我在其中有一个父级和一些元素，然后我制作了一个片段并克隆了一些节点，将它们放入片段中，然后尝试使用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>
文档片段基本上是节点的抽象容器。不是HTML。
该insertAdjacentElement方法也不起作用。您可以.insertBefore改用。
var e = document.querySelector('#slide-container'),
f = new DocumentFragment();
f.appendChild(document.createElement("div")).textContent = "works!";
e.insertBefore(f, e.firstChild)<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>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句