朱小熊 2017-08-25 12:50 采纳率: 75%
浏览 851
已采纳

初学JS求大神帮忙修改一下！

求大神帮忙实现一下，点击“隐藏”，可以隐藏h1标签里面的内容，同时把隐藏变成显示。再点击反之求大神指点，在线等。。。

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示隐藏</title>
</head>
<body>
    <div class="btn">隐藏</div>
    <h1 class="show" >快把我隐藏起来</h1>
</body>
<script type="text/javascript">
    // 获取元素
    var btn = document.getElementsByClassName('btn')[0];
    var showDiv = document.getElementsByClassName('show')[0];
    // 添加点击事件
    btn.onclick = function(){
        //      
        if (showDiv.style.display != "none");
            btn.innerHTML = '显示';
            showDiv.style.display = "none";
        }else{
            btn.innerHTML = '隐藏';
            showDiv.style.display = "block";
        }       
    }
</script>
</html>
  • 写回答

8条回答 默认 最新

  • 鼠晓 博客专家认证 2017-08-25 14:40
    关注

    帮你改好了，，，你试试下面的，，，给个采纳呗，，有问题还可以追问，，

     <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示隐藏</title>
</head>
<body>
<div class="btn" onclick="change()">隐藏</div>
<h1 class="show">快把我隐藏起来</h1>
</body>
<script type="text/javascript">
    function change() {
        // 获取元素
        var btn = document.getElementsByClassName('btn')[0];
        var showDiv = document.getElementsByClassName('show')[0];
        // 添加点击事件
        btn.onclick = function () {
            //
            if (showDiv.style.display != "none")
            {
                btn.innerHTML = '显示';
                showDiv.style.display = "none";
            }
            else
            {
                btn.innerHTML = '隐藏';
                showDiv.style.display = "block";
            }
        }
    }

</script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题？

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心，用keiluVision5写出让点阵屏显示静态爱心的代码，越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？