zoukankan      html  css  js  c++  java
  • JS隐藏显示图片

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>  
    </head>
    <body>
        <button id="btn">隐藏</button>
        <br>
        <img src="img/1.jpeg" id="new">
        <script>
            var obtn=document.getElementById('btn');
            var img=document.getElementsByTagName('img')[0];
            //获取出img集合中的索引为0的照片
            obtn.onclick=function(){
                if(obtn.innerHTML=='隐藏')
                {
                img.style.display='none';
                obtn.innerHTML="显示";
                如果相等则改变obtn的文字为显示
                }
                else
                {
                    img.style.display='block';
                    obtn.innerHTML="隐藏";
                如果不相等则改变obtn的文字为隐藏
                }

            }

        </script>
    </body>
    </html>
  • 相关阅读:
    Idea主题下载
    使用plsql创建用户并授权(图形化界面)
    PLSQL Developer 没有64位版本 + 找不到 msvcr71.dll
    NOIp2017TG解题报告
    Restart
    NOIp2018RP++
    其他题
    Errors
    NOIpDairy
    Code Style for OI
  • 原文地址:https://www.cnblogs.com/lxabner/p/12340778.html
Copyright © 2011-2022 走看看