JS验证码看不清楚换一张的功能，点击动态添加HTML元素，在线等！

Question

这是我代码里面的验证码，点击看不清楚，换一个验证码，则就把<img   这个元素动态添加一次，
JS该怎么写啊？在线等！急急急！
<td style="width: 65px" id="Add">
     <img id="valiCode" style="cursor: pointer;" src="../Home/GetValidateCode" alt="验证码" />
     ....这里是一个点击的按钮...
</td>

Answer 1

js修改src="../Home/GetValidateCode"重新获取验证码

Answer 2

     <img id="valiCode" style="cursor: pointer;" src="../Home/GetValidateCode" alt="验证码" />
<input type="button" value="看不清，换一个" onclick="document.getElementById('valiCode').src='../Home/GetValidateCode?'+Math().random();"/>

Answer 3

http://www.cnblogs.com/freeliver54/archive/2008/03/31/1130775.html

Answer 4

不用动态添加img元素，直接给src属性值中的url后加个无用的时间戳参数，浏览器就用自动重新下载图片，详见京东的登录验证码。

Answer 5

思路就是在路径后面加个随机数字,然后每次点击按钮覆盖之前的<img>
正如3L那样

Answer 6

var CheckCodeHtml = (function(){
return {
show:function(nodeId){ // 验证码存放的地方
     var nodeId = nodeId;
 var str = '<img src="your_url?'+Math.random()+'" alt="" style="vertical-align: top" /> &nbsp;';
 str+='<a href="javascript:CheckCodeHtml.show(\''+nodeId+'\')"  title="点击换个验证码">看不清楚？换个图片</a>';
 $("#"+nodeId).html(str);
}
}
})();

Answer 7

 <img id="valiCode" style="cursor: pointer;" src="../Home/GetValidateCode" alt="验证码" onclick="changeVcode()" />
<script type="text/javascript">
    function changeVcode() {
        document.getElementById('valiCode').src = "../Home/GetValidateCode" + '?randomNum=' + Math.random() * 1000;
    }  
</script>加个随机数，防止缓存