javascript显示无效

Question

点击按钮（图标）时，我尝试制作导航栏，再次点击按钮时消失。第一部分在它显示的地方工作，但是当再次点击时，没有任何反应。我无法弄清楚为什么第二部分被忽略了。谢谢

let nav = document.querySelector("nav");
let icon = document.querySelector(".mobile-icon");
console.log(nav);
icon.addEventListener("click", showMenu)

function showMenu() {
if (nav.style.display = "none"){
nav.style.display = "block";
} else {
    nav.style.display = "none";
}

}

Answer 1

比较===字符串值时，您需要使用equality operator display。您目前正在使用分配运算符：

function showMenu() {
  if (nav.style.display === "none"){
    nav.style.display = "block";
  } else {
    nav.style.display = "none";
  }
}