本文介绍如何使用 JavaScript 动态更改网页元素的背景图片。主要步骤包括：定义包含图片 URL 的数组，利用 Math.random() 生成随机索引以选取图片，最后通过修改 DOM 元素的 style.backgroundImage 属性将选中的图片设置为背景。该方法适用于需要随机展示视觉内容的页面场景。
JavaScript 动态设置随机背景图片的实现方法
首先，在 JavaScript 中定义一个数组，用于存储希望随机展示的图片地址。
具体代码实现如下：
var imgArr = ["https://www.jb51.net/logo_cn.png",
"https://www.jb51.net/baidu_sylogo1.gif",
"https://www.jb51.net/news/uploadImg/20120111/20120111081906_79.jpg",
"https://www.jb51.net/news/uploadImg/20120111/20120111081906_76.jpg"];请注意，示例中的图片链接应替换为您自己的图片地址。
其次，使用 JavaScript 生成一个随机数，该随机数的范围是从 0 到数组长度减 1（即 imgArr.length - 1）。
相关代码如下：
var index = parseInt(Math.random() * (imgArr.length - 1));通过上述步骤，我们获取了当前随机选中的图片索引。
获取对应图片的代码如下：
var currentImage = imgArr[index];既然已经随机生成了一张图片，接下来使用 JavaScript 将该图片设置为背景图。
具体实现代码如下：
document.getElementById("BackgroundArea").style.backgroundImage = "url(" + currentImage + ")";在本示例中，页面定义了一个 id 为 BackgroundArea 的 div 元素，代码的作用即为该 div 设置随机背景。
HTML 结构代码如下：
<div id="BackgroundArea">
</div>