Javascript 如何移动此图像的位置？

我正在尝试移动这些用javascript创建的图像。我用javascript创建了多个图像，当我按下按钮生成它们时，所有的图片都按照创建顺序从左到右堆叠起来。我想把其中一些放在网站上。不知道怎么做

以下是使用javascript创建的其中一个图像的代码，其他图像完全相同，只是名称不同：

var headPic = document.createElement("img");
  headPic.src = headList[head];
  document.body.appendChild(headPic);

---

<>你可以考虑使用FrasBox。< /P> 你可以参考 :

你也可以试试我的代码

headList=[]；
标题列表[0]=”https://image.flaticon.com/icons/svg/1373/1373204.svg";
标题列表[1]=”https://image.flaticon.com/icons/svg/1373/1373203.svg";
标题列表[2]=”https://image.flaticon.com/icons/svg/1373/1373208.svg";
函数go（）
{
var container=document.getElementById（“容器”）；
对于（var i=0；i）您想做的是使用CSS。通过“在网站上定位其中一些”，您是指视口吗？网站上每个图像的位置。现在它只加载在一条水平线上。图片分别从左到右加载。
document.createElement（“img”）.position
未定义，因此您的代码从第一行开始就注定会失败。我们可以看看您的CSS吗？我的图像要包装在这里。您可以使用flexbox从左到右堆叠生成的图像。