直接改 src 属性是最简单有效的方式:获取 img 元素后赋值 img.src = 'new.jpg' 即刻触发加载,无需 setattribute 或等待;需确保 dom 就绪、id 准确存在且路径正确,避免 null 错误或 404。

直接改 src 属性是最简单有效的方式
浏览器中图片显示源由 <img> 标签的 src 属性决定,只要 JS 能拿到对应元素,就能实时替换。不需要重新创建节点、也不用操作 DOM 树结构。
常见错误是误以为要调用 setAttribute 或等待加载完成才敢改——其实直接赋值 img.src = 'new.jpg' 就会立即触发加载,且兼容所有现代浏览器。
- 确保目标
<img id="myImg">已存在于页面中(脚本执行时 DOM 已就绪,或把脚本放











