zoukankan      html  css  js  c++  java
  • JavaScript DOM操作案例点击按钮显示图片

     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="" alt="" id="im"/>
    10 <script>
    11     //点击显示图片
    12 
    13     //根据id获取按钮
    14     var btObject = document.getElementById("bt");
    15     //为按钮注册点击事件,添加事件处理函数
    16     btObject.onclick = function () {
    17         //根据id获取图片标签,设置图片的src属性值
    18         var imObject = document.getElementById("im");
    19         imObject.src = "images/liuyan.jpg";
    20         //设置图片大小
    21         imObject.width = "300";
    22         imObject.height = "400";
    23     };
    24 </script>
    25 </body>
    26 </html>
  • 相关阅读:
    Constructor构造方法
    overload重载
    static关键字
    this关键字
    继承
    ORACLE数据库 常用命令和Sql常用语句
    常见单词
    L贪心基础
    J贪心
    K贪心
  • 原文地址:https://www.cnblogs.com/cuilichao/p/9333049.html
Copyright © 2011-2022 走看看