在JavaScript中隐藏照片并替换另一张照片

<div id="photoContainer">
  <img id="photo1" src="photo1.jpg" alt="Photo 1">
  <img id="photo2" src="photo2.jpg" alt="Photo 2">
</div>

#photo2 {
  display: none;
}

// 获取照片元素
var photo1 = document.getElementById("photo1");
var photo2 = document.getElementById("photo2");

// 隐藏照片2
photo2.style.display = "none";

// 替换照片函数
function replacePhoto() {
  // 切换照片的显示和隐藏
  if (photo1.style.display === "none") {
    photo1.style.display = "block";
    photo2.style.display = "none";
  } else {
    photo1.style.display = "none";
    photo2.style.display = "block";
  }
}

// 调用替换照片函数
replacePhoto();