js点击按钮改变背景图片

可以使用JavaScript监听按钮的点击事件，然后通过修改DOM元素的style属性来改变背景图片。具体代码如下：

HTML部分：

<button id="changeBgBtn">点击我改变背景图片</button>
<div id="bgContainer"></div>

CSS部分：

#bgContainer {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
}

JavaScript部分：

// 获取按钮和背景容器元素
const changeBgBtn = document.getElementById('changeBgBtn');
const bgContainer = document.getElementById('bgContainer');

// 监听按钮点击事件
changeBgBtn.addEventListener('click', () => {
  // 随机生成一个背景图片URL
  const bgUrl = `https://source.unsplash.com/random/${window.innerWidth}x500`;
  // 修改背景容器的背景图片
  bgContainer.style.backgroundImage = `url(${bgUrl})`;
});

这段代码会监听按钮的点击事件，每次点击按钮就会随机生成一个背景图片的URL，并将其设置为背景容器的背景图片。