如何在JavaScript中重新定位图像以及如何随机重新排列图像？

Question

如果单击“更改位置”按钮，将弹出提示。

例如，如果输入1-4，则必须更改位置1和4。

此外，如果按“随机播放”按钮，则必须随机重新排列4张照片。

这是我制作的代码

Answer 1

你选择所有图像，你可以使用querySelectorAll：

var images = document.querySelectorAll('[id^="image"]');

然后根据提示值过滤图像：

var filter = [];
for (var i in images) {
   if (array.indexOf(i)) {
      filter.push(images[i]);
   }
}

然后filter变量将为您的图像保存DOM节点，现在您可以将它们随机化（您可以搜索如何在SO上随机化数组）。

var shuffle = shuffle_array(filter);

然后你可以迭代shuffle获取样式数据node.style.cssText，然后设置它的其他节点，你可以迭代两个数组一个filter和shuffle。