使用html中的id定义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

你可能想要通过classname获取元素,然后随机选择一个

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>