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

    <html><head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
       <p id="word">12122122112211221122112</p>
       <img src="img/img_01.jpg">
       <p></p>
       <button onclick="change();">隐藏</button>
    
       <script>
    
           // 获取到对应的标签
           var p = document.getElementById('word');
           var img = document.getElementsByTagName('img')[0];
           //  获取按钮的名字
           var button = document.getElementsByTagName('button')[0];
    
           function change(){
               if(button.innerHTML == '隐藏'){
                   // 隐藏对应的标签
                   p.style.display = 'none';
                   img.style.display = 'none';
                   // innerHTML是指标签内部的内容
                   button.innerHTML = '显示';
               }else{
                   // 显示对应的标签
                   p.style.display = 'block';
                   img.style.display = 'inline-block';
                   // 改变标签内部的内容
                   button.innerHTML = '隐藏';
               }
    
    
           }
       </script>
    
    </body></html>
  • 相关阅读:
    TortoiseGit
    申请成功
    web.xml文件中配置ShallowEtagHeaderFilter需注意的问题
    消息队列调研
    二阶段提交
    ACID CAP BASE介绍
    SQL NULL Values
    HTTPS原理
    ID生成器详解
    如何变得更聪明
  • 原文地址:https://www.cnblogs.com/yintingting/p/4624001.html
Copyright © 2011-2022 走看看