使用html

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)];

＆＃13;

＆＃13;

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

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

console.log(random.id)

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;