如何使用JavaScript修改CSS类？

// 添加类
element.classList.add("class-name");

// 移除类
element.classList.remove("class-name");

// 切换类（如果存在则移除，否则添加）
element.classList.toggle("class-name");

// 检查是否存在类
if (element.classList.contains("class-name")) {
  // 类存在
} else {
  // 类不存在
}

// 添加类
element.className += " class-name";

// 移除类
element.className = element.className.replace("class-name", "").trim();

// 添加类
element.setAttribute("class", "class-name");

// 移除类
element.removeAttribute("class");