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

How to make a list of id's or loop using multiple id's in Javascript?

本文关键字：id 循环 Javascript 列表 何制作      更新时间：2023-09-26

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

thumb1 = document.getElementById("image1");

但我不希望它是"image1"，而是希望它一直到image15。我更希望有一个带有上面代码的循环，用于标识从"image1"到"image15"的id。我是Javascript的新手，所以任何帮助都将不胜感激！非常感谢。

您可以这样做：

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>

相关文章：