1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="button" value="显示大图" id="bt"/> 9 <img src="images/1-small.jpg" alt="" id="im"/> 10 </body> 11 <script> 12 //封装通过id获取元素函数 13 function my$(id) { 14 return document.getElementById(id); 15 } 16 17 //通过自定义函数获取按钮元素,注册点击事件,添加事件处理函数 18 my$("bt").onclick = function () { 19 //通过自定义函数获取图片路径并修改 20 my$("im").src = "images/1.jpg"; 21 }; 22 </script> 23 </html>