Question

如果目标元素不具有该类，并且另一个元素具有该类，我想添加该类。我想删除该类，以便仅单击的该类具有该元素。我正在尝试使用此代码-

document.addEventListener('click',function(e){
    document.querySelector('.active').classList.remove('.active');
    if(!e.target.classList.contains('active') && e.target.classList.contains('day')){
        e.target.classList.add('active');
    }
 });

我希望在单击另一个元素时删除具有.active类的任何内容，但是，当我单击另一个元素时，该活动类将保留在已经具有该活动类的元素上，并将其添加到目标中我点击了我的控制台没有错误。

Answer 1

必须是

document.querySelector('.active').classList.remove('active')

不是

document.querySelector('.active').classList.remove('.active')

就像您已经告诉浏览器有关CSS类（classList）一样，您不再为自己指定的类加上.前缀。

事件冒泡eventListener删除/添加目标上的类不删除类

1 个答案: