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

可以通过以下步骤实现：

HTML结构：首先，在HTML中创建一个包含两张照片的容器，例如使用<div>元素，并为每张照片添加一个唯一的ID，以便在JavaScript中引用它们。

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

CSS样式：为了隐藏其中一张照片，可以使用CSS样式的display属性将其隐藏起来。

#photo2 {
  display: none;
}

JavaScript交互：使用JavaScript来实现照片的隐藏和替换。

// 获取照片元素
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();

在上述代码中，我们首先获取了照片元素的引用，然后使用style.display属性来控制照片的显示和隐藏。在replacePhoto()函数中，我们通过切换照片的显示和隐藏状态来实现照片的替换。

这是一个简单的示例，你可以根据实际需求进行扩展和修改。关于JavaScript、HTML和CSS的更多学习资源，可以参考以下链接：