JavaScript DOM操作案例点击按钮显示大图以及封装通过id获取元素的函数 

 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>

 

posted @ 2018-07-19 22:29  {颜逸}  阅读(474)  评论(0)  编辑  收藏  举报