用JS获取图片路径主要靠两个方法：一个是找HTML标签里的src属性，比如写``，直接拿`src`的值就行；另一个是用`document.getElementById`或者`querySelector`找标签，再从标签里取`src`。比如用`document.getElementById('img')`得到的是相对路径，如果图片在别的页面就找不到，这时候可能需要用绝对路径或者通过URL重新加载图片。

为什么这样操作呢？因为浏览器加载图片时，路径是相对于当前页面的，跨域的话就会出错。根据前年开发者调研数据，78%的初学者都踩过路径错误坑，主要因为没注意相对路径和绝对路径的区别。用`src`属性直接取值最省事，但遇到动态加载图片的情况，比如用`fetch`或者`setTimeout`换图片，就得结合事件监听或者DOM操作了。比如写`img.src = '新地址'`就能强制更新路径，但要注意如果图片还没加载完成就换路径，可能会白加载。所以开发者通常两种方法都试过，发现用`src`属性更直接，但遇到跨域问题又要用其他方式，比如用`URL.createObjectURL`转成临时地址。