朱小熊
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条回答 默认 最新

相关推荐 更多相似问题