JS之鼠标改变img

代码用途：

通过点击图片，来改变图片内容

代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 <script>
 5 function changeImage()
 6 {
 7     element=document.getElementById('im')
 8     if (element.src.match("2"))
 9      {
10           element.src="./1.jpg";
11      }
12     else
13      {
14           element.src="./2.jpg";
15       }
16 }
17 </script>
18 
19 <img id="im" onclick="changeImage()" src="./2.jpg">
20 
21 <p>君莫笑是冠军~~</p>
22 
23 </body>
24 </html>

效果图：

1.开始的时候，图片是个这样子的~

2.点击图片后，图片变成这样的啦~