📜  随机 dom 背景图像更改的代码 (1)

📅  最后修改于: 2023-12-03 14:58:40.939000             🧑  作者: Mango

随机 DOM 背景图像更改的代码

以下是一个示例代码片段,用于随机更改 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 数组中,或者更改背景图像的更改触发事件。