JS动态改变img的显示内容

Question

$("#img1").attr("src","Imges/test.jpg");
其中“#img1”是需要设置的路径img的id
“ Imges/test.jpg”为图片路径

Answer 1

这个是因为图片是在页面初始化时候加载的 ，你换了src也不会再加载图片了 。

Answer 2

使用jquery的话，如1楼所述：
$("#myImg").attr("src","http://192.168.1.108:8080/data/youth1/images/photo/wqnmlgb_small.png");
用javascript的话，代码如下：
document.getElementById("myImg").src="http://192.168.1.108:8080/data/youth1/images/photo/wqnmlgb_small.png";
其中myImg是你的img标签的id，后面的图片地址可以用相对地址或者如上的绝对地址，相对地址可以从当前页面起计算，开头不加/,或者用从你的项目根目录开始的路径: /yourProject/images/pic.jpg。

Answer 3

谢谢各位，不能显示的问题解决了，因为我开始用的是getElementsByName,换成getElementById后就能切换图片了。
但又出现了新的问题：
我在按钮的事件里改变了src 的值，在执行Onclick函数的时候，img的显示是发生了变化,但当函数运行完了之后
img的src 又变会了最初的值，是不是按钮提交完成后，又把<img id="" name="" src="">这句话又执行了一次？如果我在img中添加onclick事件，事件的代码和按钮的onclik事件代码一模一样，则不会出现这个问题，src改成什么
就是什么，不会再恢复最初值。请教一下大家，这是怎么回事？因为我最终要实现的是通过点击按钮来控制img的显示

Answer 4

突然想起自己的想法是错的，因为在页面中，最终生成的PNG文件名是通过JAVA来获取到的，所以最后用ajax+servler实现了。
谢谢大家。