javascript - 使用 html 中的 ids 定义 JavaScript 数组

Question

我想创建一个函数来随机选取 HTML 代码中定义的图像。

我决定为此目的创建一个数组并将所有使用的图像存储在其中，以便该函数随机选择数组的一个元素。

有没有简单的方法来定义数组或者根本不使用数组？

<img id="pcimg1" class="pcpics" src="image.jpg"></img>
<img id="pcimg2" class="pcpics" src="image2.jpg"></img>
<img id="pcimg3" class="pcpics" src="image3.jpg"></img> 

我知道可以通过标识符在 HTML 中定义，但我想知道是否可以仅使用 .js 文件来完成。

类似这样的事情:

var images = new Array("pcimg1", "pcimg2", "pcimg3");

似乎不起作用。通过 src 定义数组对我来说不是一个好主意，而且我有一些用于所有图像的样式。感谢您提供一切可能的解决方案

Answer 1

您可能想通过类名获取元素，然后随机选择一个

var images = document.querySelectorAll('.pcpics');
var random = images[Math.floor(Math.random() * images.length)];

var images = document.querySelectorAll('.pcpics');

var random = images[Math.floor(Math.random() * images.length)];

console.log(random.id)

<img id="pcimg1" class="pcpics" src="image.jpg"></img>
<img id="pcimg2" class="pcpics" src="image2.jpg"></img>
<img id="pcimg3" class="pcpics" src="image3.jpg"></img>