删除并替换Javascript中的Element

Question

有没有任何方法可以删除JS中的元素并移动到另一个类中。我试过多种方法，但都出了差错。

<div class="posts container">
<div class="row">
<div class="posts-item col-md-7 col-xs-12 p-0">
Abc
</div>
<ul>                
</ul>
</div>
</div>
<div class="blog">
XYZ
</div>

我正在尝试像使用Javascript 一样获得输出

<div class="posts container">
<div class="row">
<div class="posts-item col-md-7 col-xs-12 p-0">
Abc
</div>
<div class="blog">
XYZ
</div>
<ul>                
</ul>
</div>
</div>

我正试图将类名"；博客；内部"；张贴项目"；。

Answer 1

使用insertBefore移动您的物品：

const referenceNode = document.querySelector('.posts-item')
referenceNode.parentNode.insertBefore(document.querySelector('.blog'), referenceNode.nextSibling);

Answer 2

试试这样的东西，它在Chrome中对我有效，你在文本中描述的结果是：

document.querySelector('.posts-item').append(document.querySelector('.blog'))

或者为了得到你所展示的结果，也许是这样的：

document.querySelector('.posts-item').after(document.querySelector('.blog'))

如果有更多的元素共享所使用的类，则可能需要修改选择器。

请参阅上的文档https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/after和https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append