zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    关于数论的一些总结
    gym101431B
    4.29训练题解
    hdu4347
    5.13训练的一些题解
    5.20训练的一些题解
    hdu4796
    hdu5984
    bzoj1941 hdu5992
    hdu4307
  • 原文地址:https://www.cnblogs.com/cuilichao/p/9338818.html
Copyright © 2011-2022 走看看