我想用一个按钮打开/关闭菜单，我只想使用Javascript

函数openNav（）{ document.getElementById（“myNav”）.style.height=“100%”； } 函数closeNav（）{ document.getElementById（“myNav”）.style.height=“0%”； }

---

你必须更好地解释，但我想我明白你想要什么

只需使用显示块

大概是这样的：

function openNav() {
var menu = document.getElementById("myNav").style.display;

If (menu == "block") {
menu="none";
}else{
menu="block";
}}

// Open and close div 
<a href="javascript:void(0)" class="closebtn" onclick="openNav()">&#9776;</a>

函数openNav（）{ var menu=document.getElementById（“myNav”）.style.display； 如果（菜单==“块”）{ 菜单=“无”； }否则{ menu=“block”； }} //开闭div 我不确定语法是否正确，因为我是在手机上写的

但我认为这是可行的

---

让我知道

应该是切换功能

函数toggleNav（）{
var myNav=document.getElementById（“myNav”）；
如果（！myNav）返回；
myNav.style.display=myNav.style.display.toLowerCase（）！=“无”？“无”：“块”；
}

和#9776；
html，正文{
保证金：0；
}
.覆盖{
身高：0%；
宽度：100%；
背景色：rgba（0,0,0,0.9）；
溢出y：隐藏；
}
.覆盖内容{
位置：相对位置；
文本对齐：居中；
边缘顶部：50px；
}
.覆盖{
填充：8px；
文字装饰：无；
字体大小：36px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.overlay a:悬停，.overlay a:焦点{
颜色：#f1f1；
}
.关闭{
位置：绝对位置；
浮动：对；
右：15px；
顶部：10px；
字体大小：30px；
游标：默认值；
颜色：#eee
}
函数toggleNav（）{
var myNav=document.getElementById（“myNav”）；
如果（！myNav）返回；
myNav.style.display=myNav.style.display.toLowerCase（）！=“无”？“无”：“块”；
}

myNav

element在哪里？您是指切换菜单？菜单的html代码。您应该为要隐藏的菜单添加html代码，并显示我似乎无法编辑我的问题。我从w3schools获得了代码，但他们没有一个按钮方法。如果还是别的？这就是我要找的，一个按钮。抱歉下次会更具体一些。设法把它弄对了，谢谢大家：）这不是我在文本编辑器中写的。我如何阻止它自动打开？设置
display:none
=>
你只是把它隐藏起来，直到你点击两次
函数toggleNav（）{var myNav=document.getElementById（'myNav'））；if（myNav.style.display=='block'）{myNav.style.display='none'；}else{myNav.style.display='block'；}
自己修复了它。
<div href="javascript:void(0)" class="closebtn" onclick="toggleNav()">&#9776;</div>

<div id="myNav" class="overlay">
<div class="overlay-content">
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div>
</div>

<style>
html, body{ 
margin: 0;
}
.overlay {
height: 0%;
width: 100%;
background-color: rgba(0,0,0, 0.9);
overflow-y: hidden;
}

.overlay-content {
position: relative;
text-align: center;
margin-top: 50px;
}

.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}

.closebtn{
position: absolute;
float: right;
right: 15px;
top: 10px;
font-size: 30px;
cursor: default;
color: #eee
}
</style>

<script>
function toggleNav(){
    var myNav = document.getElementById("myNav");
    if(!myNav) return;
    myNav.style.display = myNav.style.display.toLowerCase() != 'none'? 'none' : 'block';
}
</script>