如何覆盖带有连字符的JavaScript的className（ - ）

Question

我想尝试使用JavaScript切换我的购物车按钮

let cartIcon = document.querySelector('#cart-icon')
let cart = document.querySelector('.cart')
let cartClose = document.querySelector('#close-cart')

cartIcon.onclick = () => {
    cart.classList.add("active");
    console.log(cart)
};
cartClose.onclick = () => {
    cart.classList.remove("active");
}

大家好，

Answer 1

好吧，您没有对购物车类做任何事情。

cartIcon.onclick = () => {
    cart.classList.remove("cart");
    cart.classList.add("cart-active");
};
cartClose.onclick = () => {
    cart.classList.remove("cart-active");
    cart.classList.add("cart");
}

如果要替换CART类，用cart-Active替换。