Question

关于动态更改img src的问题？

我jsp页面中：

<a class="img" title="我的头像" ><img src="" id="user_photo" class="userAvatar"></a>

对应的js里面：

var imgSrc="../../image/admin.jpg";
document.getElementById("user_photo").src=imgSrc;

这样不行啊 是不是 相对路径的问题 我在jsp中直接：
<a class="img" title="我的头像" ><img src="../../image/admin.jpg" id="user_photo" class="userAvatar"></a>
是可以正常显示的 请教了谢谢

Answer 1

这要看你的js文件与当前页面文件是否在同一目录，不是的话路径就会有问题。js文件中的路径是 admin.jpg 这个图片文件相对于js文件所在目录的路径，而html中的路径则是图片文件相对于页面文件（htm或jsp）所在目录的路径。

Answer 2

改用setAttribute即可。
var imgSrc="../../image/admin.jpg";
document.getElementById("user_photo").setAttribute('src', imgSrc);
解释：
document.getElementById("user_photo").setAttribute('src', 可以是相对路径;);
document.getElementById("user_photo").src=需要的是绝对路径，比如imgsrc包含域名;

Answer 3

你换成绝对路径看看，比如说是/image/admin.jpg