Javascript 显示/隐藏div功能不工作_Javascript_Html_If Statement_Hide_Show

Javascript 显示/隐藏div功能不工作

javascript html if-statement

Javascript 显示/隐藏div功能不工作,javascript,html,if-statement,hide,show,Javascript,Html,If Statement,Hide,Show,我正在为学校制作一个网站，但我的javascript有一个问题。我是javascript新手，所以它可能很简单，所以请跟我开玩笑在css中，我将id为navigatie的元素的display设置为“none”。如果我删除了else{}部分，代码可以工作，但它不能工作。有人知道我做错了什么吗这是我的代码： <!DOCTYPE html>  <html> <head>

我正在为学校制作一个网站，但我的javascript有一个问题。我是javascript新手，所以它可能很简单，所以请跟我开玩笑

在css中，我将id为navigatie的元素的display设置为“none”。如果我删除了else{}部分，代码可以工作，但它不能工作。有人知道我做错了什么吗

这是我的代码：

<!DOCTYPE html>
<!--gemaakt door Timo Vossen D01-->
<html>
    <head>
        <title>Straight Outta Compton</title>
        <link rel="stylesheet" type="text/css" href="sac.css">
        <meta name="keywords" content="Gerecht">
        <meta name="author" content="Timo Vossen">
        <meta name="description" content="Straight Outta Compton fanpage">
        <meta charset="UTF-8">
        <body onload="homeFunction()">
    </head>

    <script type="text/javascript">
        function showhide(){
            var nav = document.getElementById("navigatie");
            if(nav.style.display = "none"){
            nav.style.display = "block";
            }
            else{
            nav.style.display = "none";
            }
        }
    </script>

    <body>
        <div id="navigatie">
            <ul class="navigatiebar">
                <li class="knop"><a href="#">Home</a></li>
                <li class="knop"><a href="#">Movie</a></li>
                <li class="knop"><a href="#">Actors</a></li>
                <li class="knop"><a href="#">N.W.A</a></li>
                <li class="knop"><a href="#">Media</a></li>
            </ul>
        </div>

        <input type="checkbox" id="navigatieknop" onclick="showhide()" class="navigatieknop" />
        <label for="navigatieknop"></label>
        <div class="website">
            <div id="inhoud">
                <div id="beschijving">
                    <h1 class="text">Straight Outta Compton (2015)</h1><br>
                    <p class="text">In the mid-1980s, the streets of Compton, California, were some of the most dangerous in the country. When five young men translated their experiences growing up into brutally honest music that rebelled against abusive authority, they gave an explosive voice to a silenced generation. Following the meteoric rise and fall of N.W.A., Straight Outta Compton tells the astonishing story of how these youngsters revolutionized music and pop culture forever the moment they told the world the truth about life in the hood and ignited a cultural war.</p>
                </div>
                <div id="videos">
                    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/rsbWEF1Sju0" frameborder="0" allowfullscreen></iframe>
                </div>
                <div id="quote">
                    <h1 class="text"><q>If we keep goin' we can take over the goddamn world!</q></h1><br>
                    <p class="text">-Dr. Dre</p>
                </div>
                <div id="producers">
                    <img src="img/universal.png" id="uni"></img>
                    <img src="img/legendary.png" id="leg"></img>
                </div>
                <!--<div id="footer">
                </div>-->
            </div>
        </div>
    </body>
</html>


康普顿大道
函数showhide（）{
var nav=document.getElementById（“导航”）；
如果（nav.style.display=“无”）{
nav.style.display=“块”；
}
否则{
nav.style.display=“无”；
}
}







康普顿直通车（2015）

在20世纪80年代中期，加利福尼亚州康普顿的街道是该国最危险的街道之一。当五名年轻人将他们的成长经历转化为残酷诚实的音乐，反抗滥用权力时，他们给沉默的一代人发出了爆炸性的声音。伴随着新南威尔士州的迅速崛起和衰落，《直通车》讲述了这些年轻人如何在向全世界讲述胡德地区生活的真相并引发文化战争的那一刻，彻底改变了音乐和流行文化的惊人故事
如果我们继续，我们就能接管这个该死的世界

-Dre博士

您只需按以下方式更改if条件：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

这应该起作用：

if(nav.style.display == "none"){
    ...Your Code
    }

您只需按以下方式更改if条件：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

这应该起作用：

if(nav.style.display == "none"){
    ...Your Code
    }

您只需按以下方式更改if条件：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

这应该起作用：

if(nav.style.display == "none"){
    ...Your Code
    }

您只需按以下方式更改if条件：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

这应该起作用：

if(nav.style.display == "none"){
    ...Your Code
    }

您使用的是相等运算符，而不是比较运算符。使用

代替

 var nav = document.getElementById("navigatie");
        if(nav.style.display == "none"){
        nav.style.display = "block";
        }
        else{
        nav.style.display = "none";
        }

如果您使用的是相等运算符，而不是比较运算符，则该操作应该有效。使用

代替

 var nav = document.getElementById("navigatie");
        if(nav.style.display == "none"){
        nav.style.display = "block";
        }
        else{
        nav.style.display = "none";
        }

如果您使用的是相等运算符，而不是比较运算符，则该操作应该有效。使用

代替

 var nav = document.getElementById("navigatie");
        if(nav.style.display == "none"){
        nav.style.display = "block";
        }
        else{
        nav.style.display = "none";
        }

如果您使用的是相等运算符，而不是比较运算符，则该操作应该有效。使用

代替

 var nav = document.getElementById("navigatie");
        if(nav.style.display == "none"){
        nav.style.display = "block";
        }
        else{
        nav.style.display = "none";
        }

这应该行得通

您可以试试这一个：

 if(nav.style.display == "none"){
  ...Enter Your Code
}

你可以试试这个：

 if(nav.style.display == "none"){
  ...Enter Your Code
}

你可以试试这个：

 if(nav.style.display == "none"){
  ...Enter Your Code
}

你可以试试这个：

 if(nav.style.display == "none"){
  ...Enter Your Code
}

尝试将您的情况更改为以下情况：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

尝试将您的情况更改为以下情况：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

尝试将您的情况更改为以下情况：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

尝试将您的情况更改为以下情况：

if(nav.style.display = "none"){
...Your Code
}

if(nav.style.visibility !== 'hidden')

抱歉its:if（nav.style.display==“none”）{…您的代码}抱歉its:if（nav.style.display==“none”）{…您的代码}抱歉its:if（nav.style.display==“none”）{…您的代码}抱歉its:if（nav.style.display==“none”）{…您的代码}