单击时更改div的图像背景

<div id="myDiv" onclick="changeBackground()"></div>

#myDiv {
  width: 200px;
  height: 200px;
  background-image: url("default.jpg");
  background-size: cover;
}

function changeBackground() {
  var div = document.getElementById("myDiv");
  
  // 检查当前背景图像
  if (div.style.backgroundImage === 'url("default.jpg")') {
    // 切换到新的背景图像
    div.style.backgroundImage = 'url("new.jpg")';
  } else {
    // 切换回默认背景图像
    div.style.backgroundImage = 'url("default.jpg")';
  }
}