如何在Javascript中使用多个id制作id或循环列表？

Question

我试图找出如何制作变量列表，或者最好是一个标识id的循环。这是一个例子。

thumb1 = document.getElementById("image1"); 

但不是它是“image1”，我希望它一直到image15。 我更倾向于使用上面代码的循环来识别从“image1”到“image15”的id。我是Javascript的新手，所以任何帮助表示赞赏！谢谢！

Answer 1

你可以这样做：

var elements = [];

for(var i = 1; i <= 15; i++) {
  var id = "image" + i;
  elements.push(document.getElementById(id));
}

但更聪明的做法是将一个类添加到所有图像元素中，并将其与querySelectorAll结合使用：

var elements = document.querySelectorAll(".image");

<div>
  <img id="image1" class="image" />
  <img id="image2" class="image" />
  <img id="image3" class="image" />
</div>