黑马验证码点击图片更换
<td>验证码</td>
<td class="inputs">
<input name="checkCode" type="text" id="checkCode">
<img id="checkCodeImg" src="/brand_demo_war/checkCodeServlet">
<a href="#" id="changeImg" onclick="">看不清?</a>
</td>
<script>
document.getElementById("changeImg").onclick = function (){
document.getElementById("checkCodeImg").src = "/brand_demo_war/checkCodeServlet?"+new Date().getMilliseconds();
}
document.getElementById("checkCodeImg").onclick = function (){
document.getElementById("checkCodeImg").src = "/brand_demo_war/checkCodeServlet?"+new Date().getMilliseconds();
}
</script>
视频内老师带领我们为“看不清”设置了点击效果,看js的第一段代码获取到名字为changeImg设置了 点击更换图片,同理我们给图片设置一个id应用同样的方法就可以完成点击照片进行更换验证码的功能。