如何在JavaScript事件处理函数中修改元素的CSS类，如添加或移除active类？

在JavaScript中，你可以使用DOM（Document Object Model）操作来添加、删除元素的CSS类。以下是使用`classList`属性来管理`active`类的一个示例：

// 获取元素
const element = document.querySelector('.your-element');

// 添加active类
element.classList.add('active');

// 删除active类
element.classList.remove('active');

// 判断是否已存在active类，然后添加或移除
if (element.classList.contains('active')) {
  element.classList.remove('active');
} else {
  element.classList.add('active');
}

// 使用事件监听器
element.addEventListener('click', function() {
  this.classList.toggle('active'); // 点击时切换active类
});

在这个例子中，`classList.add()`用于向元素添加类，`classList.remove()`用于移除类，`classList.contains()`检查元素是否有特定的类，`classList.toggle()`会在元素既有该类时移除它，没有时添加。

请注意替换`.your-element`为实际的元素选择器。