在JavaScript中，除了使用classList.add()方法来添加类名外，还有其他方法可以用来添加或移除类名。以下是一些常用的方法：
添加类名
使用 classList.add() 方法（推荐）：
这是最直接和推荐的方法，因为它不会干扰元素现有的其他类名。
element.classList.add('new-class');移除类名
使用 classList.remove() 方法（推荐）：
这个方法用于从元素的类列表中移除指定的类名。
element.classList.remove('new-class');切换类名
使用 classList.toggle() 方法：
这个方法用于切换元素的类名。如果类名存在，则移除它；如果类名不存在，则添加它。
element.classList.toggle('new-class');检查类名是否存在
使用 classList.contains() 方法：
这个方法用于检查元素的类列表中是否包含指定的类名。
if (element.classList.contains('new-class')) {
console.log('The element has the class "new-class".');
} else {
console.log('The element does not have the class "new-class".');
}替换类名
虽然classList没有直接提供替换类名的方法，但你可以通过组合remove()和add()方法来实现这一功能：
// 假设要将'old-class'替换为'new-class'
element.classList.remove('old-class');
element.classList.add('new-class');注意事项
使用className属性虽然也可以添加或移除类名，但操作起来相对复杂，因为它返回的是一个字符串，需要手动处理字符串的拼接和分割。因此，推荐使用classList属性来进行类名的操作。
在进行类名操作之前，请确保元素已经存在于DOM中，否则这些操作将不会生效。
通过这些方法，你可以灵活地控制HTML元素的类名，从而实现各种样式和行为的切换。
