removeAttribute未删除CSS样式

Question

removeAttribute没有删除#汉堡包菜单中的"display: none;“

JS:

const hamburgerMenu = document.getElementById("hamburger-menu");
const hamburger = document.getElementById("hamburger");

hamburger.addEventListener('click', function() {
    hamburgerMenu.removeAttribute("display");
});

Answer 1

试试hamburger.style.display = ''。

display是元素的样式，而不是属性。

Answer 2

不是移除display属性，而是给它设置一个新的值，比如block，flex等等。实际上，切换一个类来改变CSS通常是一个更好的主意。通过这样做，您可以非常容易地操作多种样式。

#hamburger-menu.visible {
    display: block;
}

hamburger.addEventListener('click', () => {
    hamburgerMenu.classList.toggle("visible");
});