如何在JavaScript图片测验中清除跨题残留的解释图

• 切换题目时先清空容器：在触发下一题的逻辑最开始，先把存放解释图的message005元素内容清空，旧图片会被直接移除，再加载新内容就不会有残留。
  示例代码：

  // 假设这是切换下一题的函数
  function nextQuestion() {
      // 先清空图片容器
      message005.innerHTML = "";
      // 后续写加载新题目、重置选项状态等逻辑
  }
  

• 直接修改图片源（更高效）：如果不想频繁操作innerHTML，可以提前在HTML里固定一个图片元素，需要显示时修改它的src属性，切换题目时隐藏它或者清空src。
  先在HTML中添加：

  <img id="explanationImg" style="display: none;" alt="题目解释图">
  

  然后用JS控制：

  // 显示解释图
  function showExplanation(imgPath) {
      const img = document.getElementById('explanationImg');
      img.src = imgPath;
      img.style.display = "block";
  }
  
  // 切换题目时隐藏图片
  function nextQuestion() {
      const img = document.getElementById('explanationImg');
      img.style.display = "none";
      // 或者清空src：img.src = "";
      // 加载新题目逻辑...
  }
  

第一种方法无需额外修改HTML结构，适合新手快速上手；第二种方法减少DOM操作，性能更优。

内容的提问来源于stack exchange，提问作者The_Bear