初学js求大神帮忙？？？修改一下js

帮忙实现一下点击“隐藏”可以隐藏h1里面的内容，并且把“隐藏”变成“显示”，然后点击显示可以再次变回来，求帮忙
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示隐藏</title>
</head>
<body>
<div class="btn">隐藏</div>
<h1 class="show" style="display: block;">快把我隐藏起来</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 = 'block') {
btn.innerHTML = '显示';
showDiv.style.display = 'none';
}else{
btn.innerHTML = '隐藏';
showDiv.style.display = 'block';
}
}
</script>
</html>

解决方案 »

  1.   

    <!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">
    window.onload=function(){
        var btn = document.getElementsByClassName('btn')[0];
        // 添加点击事件
        btn.onclick = function(){   
    // 获取元素   
        var showDiv = document.getElementsByClassName('show')[0];
            if (showDiv.style.display =='block') {
                btn.innerHTML = '显示';
                showDiv.style.display = 'none';
            }else{
                btn.innerHTML = '隐藏';
                showDiv.style.display = 'block';
            }       
        }
    }
    </script>
    </html>
      

  2.   

    if (showDiv.style.display = 'block') 里的“=”改成“==”即可