用dom怎么修改class

在DOM（Document Object Model）中，你可以使用JavaScript来动态地添加、删除或更改元素的CSS类（class）。以下是常见的三种方法：

1. **直接设置元素的`className`属性**：

   // 获取元素
   let element = document.getElementById("your-element-id");
   
   // 添加类
   element.classList.add("new-class");
   
   // 删除类
   element.classList.remove("old-class");
   
   // 切换类（如果存在则移除，否则添加）
   element.classList.toggle("toggleClass");

这里，`classList`是一个专门用于处理类名的操作集合。

2. **使用`setAttribute`和`getAttribute`方法**：

   element.setAttribute("class", "new-class old-class"); // 添加多个类
   let className = element.getAttribute("class"); // 获取类名列表
   element.setAttribute("class", className.replace("old-class", "")); // 移除某个类

注意这种方法不支持方便的添加、删除单个类的功能。

3. **使用`hasClass`、`addClass`和`removeClass`函数（某些库提供，如jQuery）**：

   if ($(element).hasClass("old-class")) {
       $(element).removeClass("old-class");
   }
   $(element).addClass("new-class");

这是一种在jQuery库中的操作方式，它封装了更简洁的API。