使用JavaScript修改CSS类

在Web开发中，JavaScript经常用于与HTML和CSS进行交互。通过JavaScript，我们可以动态地修改HTML元素的样式，其中包括修改CSS类。本文将介绍如何使用JavaScript来修改CSS类，并提供相应的源代码示例。

JavaScript提供了多种方法来修改CSS类。以下是几种常见的方法：

1. 使用classList属性

在JavaScript中，每个HTML元素都有一个classList属性，它提供了一组方法来操作元素的类。通过classList属性，我们可以添加、删除或切换类。下面是一些常用的classList方法：

• add(className): 添加指定的类名到元素的classList中。
• remove(className): 从元素的classList中移除指定的类名。
• toggle(className): 如果元素的classList中存在指定的类名，则移除它；如果不存在，则添加它。

下面是一个示例，演示如何使用classList来添加和删除类：

// 获取需要修改类的元素
var element = document.getE