目的: 想要在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>
答案 0 :(得分:2)
只需将其附加到您想要的位置即可。
document.querySelector('.elem-1').appendChild(
document.querySelector('.elem-2')
);