Javascript DOM元素重新定位

Javascript DOM元素重新定位,javascript,html,Javascript,Html,目标: 希望在DOM中将元素从一个位置移动到另一个位置 条件: 我可以使用jQuery轻松地做到这一点,但我在jQuery不可用的环境中工作,添加jQuery对于如此小的任务来说不是一个选项~因此我需要一个vanila js解决方案 示例: 这样做: <div class="elem-1">Element 1</div> <div class="elem-2">Element 2</div> 元素1 要素2 进入此页面(页面加载时): 要素1

目标: 希望在DOM中将元素从一个位置移动到另一个位置

条件: 我可以使用jQuery轻松地做到这一点,但我在jQuery不可用的环境中工作,添加jQuery对于如此小的任务来说不是一个选项~因此我需要一个vanila js解决方案

示例:

这样做:

<div class="elem-1">Element 1</div>
<div class="elem-2">Element 2</div>
元素1
要素2
进入此页面(页面加载时):


要素1
要素2

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

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

.appendChild()
可以正常工作。你试过了吗?好吧,好吧~我想我应该删除这个问题…你现在不能删除它,因为它已经更新了答案,只是记住以后在提问之前先尝试一下自己,然后如果你仍然无法实现你的目标,就分享你的尝试。嗯。。。,好的,谢谢你的提示:)~我使用jQuery太多了,以至于我不知道从哪里开始使用vanila JS。好的,很公平,值得一提的是,我没有投反对票。另外,如果您不能在这里使用jQuery,为什么要使用标签呢?非常感谢Quentin。但我需要使用非id类来执行此操作。~请稍候,我会自己执行。
getElementsByClassName
返回节点列表(类似于数组),而不是单个元素。注意函数名的复数形式。嗯。。我懂了。。再次感谢昆汀。
document.querySelector('.elem-1').appendChild(
    document.querySelector('.elem-2')
);