Javascript 合并和插入来自两个父元素的元素

我有两个部分，里面有动态数量的元素。 我想将这两个部分合并并插入它们的项目

最初是这样的：

<section class="first">
 <div>One</div>
 <div>Two</div>
 <div>Three</div>
</section>

<section class="second">
 <div>Four</div>
 <div>Five</div>
 <div>Six</div>
</section>

有人知道我怎样才能做到吗？

---

谢谢

在一个部分中循环遍历DIV，然后在第二个部分的DIV后面追加该DIV

第二个附加始终使用

.first（）

，因为它将从第二个部分中删除第一个DIV，因此下一个对应的DIV将是第一个

$（“.first>div”）。每个（函数（）{
$（“.merged”）。追加（本）；
$（“.merged”）.append（$（“.second>div”）.first（））；
});

一个
两个
三
四
五
六
这是我的决定。这是一个
javascript
解决方案<代码>forEach（）

方法用于：

Array.from(sections_for_merge_section).forEach(function(sections_for_merge_sectionArray) { 
   merged.append(sections_for_merge_sectionArray.cloneNode(true));
});

需要在其中添加合并部分的

部分

由代码添加：

let merged = document.createElement('section');

另外，

cloneNode（true）

方法用于将数据复制到创建的节中：

...sections_for_merge_sectionArray.cloneNode(true)...

window.onload=function（）{
让sections_for_merge=document.querySelector（'.sections_for_merge'）；
让sections_for_merge_section=document.queryselectoral（'.sections_for_merge section div'）；
让merged=document.createElement（'section'）；
merged.className='merged'；
document.body.append（合并）；
from（sections_for_merge_section）.forEach（函数（sections_for_merge_sectionArray）{
append（sections_for_merge_sectionArray.cloneNode（true））；
});  
}

一个
两个
三
四
五
六


下面是使用合并的div创建的元素div：

效果很好！谢谢。现在输出是五，一，四，二。。。有没有办法让它像我以前提议的那样开始？一，五，二四。。。等等。你的排序逻辑是什么？它基本上是按数字顺序插入项目。第一节第一节，第二节第一节，等等，问题是我正在从第二节删除元素，所以索引不再匹配。我修复了它。我仍然不明白为什么结果中的

5

应该在

4

之前。

let merged = document.createElement('section');

...sections_for_merge_sectionArray.cloneNode(true)...