使用javascript更改多个图像的位置

我找不到帮助我解决问题的答案。我可以使用以下代码更改名为.c-articleimage的div（包括一个图像）的位置，该div将放置在.c-article___;lead之后：

var articleimage = document.querySelector('.c-articleimage');
var newposition = document.querySelector('.c-article__lead');
newposition.insertAdjacentElement('afterend', articleimage);

但是如果我有几个.c-article图像和.c-article引导呢？我在想我可以用querySelectorAll吗？但我可能需要以某种方式循环它

var articleimage = document.querySelectorAll('.c-articleimage');
var newposition = document.querySelectorAll('.c-article__lead');
newposition.insertAdjacentElement('afterend', articleimage);

我怎样才能把这个默契

---

最好的是，

函数

insertAdjacentElement

在节点上工作。但是，

articleimage

和

newposition

都是节点列表。如果要在最后一个

newposition

节点后插入，则需要选择它：

函数moveai（）{
var articleimage=document.querySelectorAll（'.c-articleimage'）；
var newposition=document.querySelectorAll（“.c-article\uu lead”）；
var lastnew=newposition.item（newposition.length-1）；
articleimage.forEach（函数（el）{
lastnew.insertAdjacentElement（'afterend'，el）；
lastnew=el；
});
}

.c-articleimage{
颜色：红色；
}

1
两个
三
四
移动