18910140161

HTML-如何使用JavaScript-stack overflow

顺晟科技

2022-10-18 13:16:07

250

使元素在单击离开时消失当我点击按钮时,

我可以让导航菜单出现,但我不能让它消失。

代码

如下:

const navButton = document.getElementById("nav-btn");
const menu = document.getElementById("nav-menu");
const all = document.getElementsByTagName("body");

const menuActive = () => {
    if (menu.style.display = "none") {
        menu.style.display = "block";
    }
}

const menuDeactive = () => {
    if (menu.style.display = "block") {
        menu.style.display = "none";
    }
}

navButton.addEventListener("click", menuActive);

all.addEventListener("click", menuDeactive);

顺晟科技:

使用==进行比较。

此外,document.getElementsByTagName("body")也是多余的。只能有一个body标记。

const navButton = document.getElementById("nav-btn");
const menu = document.getElementById("nav-menu");
const all = document.getElementsByTagName("body");

const menuActive = () => {
    if (menu.style.display == "none") {
        menu.style.display = "block";
    }
}

const menuDeactive = () => {
    if (menu.style.display == "block") {
        menu.style.display = "none";
    }
}

navButton.addEventListener("click", menuActive);

document.body.addEventListener("click", menuDeactive);
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航