1分钟后批量替换ads1至ads6图片失败，仅ads1生效如何解决

可能的原因 #

• 元素查找失败导致代码中断：如果document.getElementById("ads2")找不到对应元素，给null.src赋值会抛出错误，直接导致后续ads3到ads6的替换代码停止执行。
• 目标图片路径错误：./assets/ads2.jpg至./assets/ads6.jpg这些文件可能不存在，或者路径拼写错误（比如大小写、文件夹名称不符），浏览器加载失败但无明显提示。
• HTML元素ID不匹配：实际页面中ads2-ads6的ID可能存在拼写错误（比如写成ad2而非ads2），导致JS找不到对应元素。

优化后的代码（带错误处理，避免中断） #

window.onload = function () {
  setTimeout(function () {
    // 用循环批量处理，同时加入错误判断
    for (let i = 1; i <= 6; i++) {
      const imgElement = document.getElementById(`ads${i}`);
      if (imgElement) {
        imgElement.src = `./assets/ads${i}.jpg`;
        console.log(`ads${i} 图片替换完成`);
      } else {
        console.error(`未找到ID为 ads${i} 的图片元素`);
      }
    }
    console.log("所有图片替换操作已执行完毕");
  }, 60000);
};

排查步骤 #

1. 检查控制台错误：按F12打开浏览器开发者工具，切换到「Console」标签，查看是否有Cannot set property 'src' of null这类报错，这类错误直接指向找不到的元素。
2. 验证图片路径：在浏览器地址栏直接输入对应图片的完整路径（比如http://你的域名/assets/ads2.jpg），确认文件存在且路径正确。
3. 核对HTML元素ID：检查页面中ads2-ads6的<img>标签ID是否和JS中使用的完全一致，注意大小写、拼写细节。

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