javascript - 没有jQuery的情况下如何实现“不可能使用jQuery的简单图像随机化器”

我想在div中插入随机background-image。我came across下面的代码使用jQuery库完美地做到了这一点：

设置图像数组：

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];

使用先前定义的数组为随机背景设置div：

$('#div').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});

事情就是这样-我想这样做而不必加载jQuery库。我喜欢上面代码的简单性，但是我是Java语言的新手，我不知道将其重新格式化以用于没有jQuery的情况。

我花了一些时间寻找上述代码的Javascript替代方案，但它们都相对冗长或不必要地“忙”起来。任何帮助对此表示感谢。

最佳答案

这也可以在普通JS中轻松完成：

var div = document.querySelector('#div');
div.style.backgroundImage = 'url(images/' +
   images[Math.floor(Math.random() * images.length)] + ')';

关于javascript - 没有jQuery的情况下如何实现“不可能使用jQuery的简单图像随机化器”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14535427/