zxfjnfjcn
朱小熊
2017-08-25 12:50

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

  • html5
  • 函数
  • javascript

求大神帮忙实现一下,点击“隐藏”,可以隐藏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条回答

为你推荐