插入存储在变量选择器后面的代码

Question

我有以下代码行：

var code = document.querySelectorAll('article.shop-the-look')[0];

此代码存储了一些我想在给定选择器后插入的标记。 我正在寻找的或多或少相当于jQuery insertAfter函数，但我需要它是Vanilla JS。

Answer 1

需要使用insertBefore。看看已接受的答案：How to insert an element after another element in JavaScript without using a library?

var code = document.querySelectorAll('article.shop-the-look')[0];
var after = document.querySelectorAll('article.after')[0];
after.parentNode.insertBefore(code, after.nextSibling);

<div>
<article class="shop-the-look">Shop the look</article>
<article class="after">After article, should be "Shop the look"</article>
</div>