在javascript中，用setattribute设置img元素的src属性需传入有效url；支持相对路径、绝对路径和完整url；注意其操作html属性，与直接赋值img.src（dom属性）存在细微差异。
在 JavaScript 中，用 setAttribute 设置图像（<img>）元素的资源路径，就是给它的 src 属性赋值。只要确保目标是有效的 <img> 元素，并传入正确的 URL 字符串即可。
基本用法：设置 src 属性
直接调用 element.setAttribute('src', '路径') 即可：
示例：
const img = document.getElementById('myImage');<br>
img.setAttribute('src', '/images/photo.jpg');
注意路径格式和常见问题
路径必须是浏览器可访问的有效地址，否则图片加载失败（控制台会报 404）：
- 相对路径如
'./assets/icon.png'、'../images/logo.svg'，以当前 HTML 文件位置为基准 - 绝对路径如
'/static/avatar.webp'，从网站根目录开始 - 完整 URL 如
'https://example.com/pic.jpg'，适合外部资源 - 避免写成
src="image.jpg"这样的字符串拼接错误（缺少引号或变量未解析）
与直接赋值 dot-notation 的区别
setAttribute 操作的是 HTML 属性（attribute），而 img.src = '...' 操作的是 DOM 属性（property）。对 src 来说，两者通常效果一致，但有细微差别：
-
img.setAttribute('src', 'a.jpg')：写入原始 HTML 字符串，可能保留相对路径原样 ：浏览器自动转为完整 URL（如 <code>https://site.com/a.jpg），更推荐用于运行时更新- 若需兼容旧逻辑或明确操作 HTML 属性（比如 SSR 场景），才优先选
setAttribute
动态设置前建议检查元素是否存在
防止因元素未找到导致脚本报错：
const img = document.querySelector('img[data-id="avatar"]');<br>
if (img) {<br>
img.setAttribute('src', 'new-avatar.png');<br>
}Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
