📅  最后修改于: 2023-12-03 14:58:40.939000             🧑  作者: Mango
以下是一个示例代码片段,用于随机更改 DOM 元素的背景图像。
/**
* 随机更改 DOM 元素的背景图像
*/
function changeBackgroundImage() {
const images = [
'image1.jpg',
'image2.jpg',
'image3.jpg',
// 添加更多图像的文件名
];
// 获取需要更改背景图像的 DOM 元素
const element = document.getElementById('element-id');
// 随机选择一张图像
const randomImageIndex = Math.floor(Math.random() * images.length);
const randomImage = images[randomImageIndex];
// 设置背景图像
element.style.backgroundImage = `url(${randomImage})`;
}
// 在页面加载完成后调用 changeBackgroundImage 函数
window.addEventListener('load', changeBackgroundImage);
示例代码中的 changeBackgroundImage
函数通过使用一个包含图像文件名的数组来随机选择一个背景图像,并将其设置为指定的 DOM 元素的背景图像。
请注意,你需要将 'element-id'
替换为要更改背景图像的 DOM 元素的实际 ID。
你可以根据需求修改和扩展此代码。例如,你可以添加更多图像的文件名到 images
数组中,或者更改背景图像的更改触发事件。