DOM元素重新定位

Question

目的： 想要在DOM中将元素从一个地方移动到另一个地方。

条件： 我可以使用jQuery轻松地做到这一点，但我在一个jQuery不可用的环境中工作，添加它不是一个小任务的选项〜所以我需要一个vanila js解决方案。

示例：

制作本：

<div class="elem-1">Element 1</div>
<div class="elem-2">Element 2</div>

进入此页面（在页面加载时）：

<div class="elem-1">
    Element 1
    <div class="elem-2">Element 2</div>
</div>

Answer 1

只需将其附加到您想要的位置即可。

document.querySelector('.elem-1').appendChild(
    document.querySelector('.elem-2')
);