朱小熊 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 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯，灯的闪烁很不稳定，经过调试发现测的距离偏大
  • ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序
  • ¥15 onvif+openssl，vs2022编译openssl64
  • ¥15 iOS 自定义输入法-第三方输入法
  • ¥15 很想要一个很好的答案或提示
  • ¥15 扫描项目中发现AndroidOS.Agent、Android/SmsThief.LI!tr
  • ¥15 怀疑手机被监控，请问怎么解决和防止
  • ¥15 Qt下使用tcp获取数据的详细操作
  • ¥15 idea右下角设置编码是灰色的