js修改class

在JavaScript中，可以通过修改元素的class属性来改变元素的样式。class属性可以包含多个类名，每个类名之间用空格分隔。在修改class时，可以使用元素的classList对象来操作元素的类名。

classList对象有以下几个常用的方法：

1. add(className): 添加一个类名到元素的class属性中。如果类名已存在，则不会重复添加。

2. remove(className): 从元素的class属性中移除指定的类名。

3. contains(className): 判断元素的class属性中是否包含指定的类名。

4. toggle(className): 如果元素的class属性中包含指定的类名，则移除该类名；如果不包含，则添加该类名。

下面是一个示例，通过按钮的点击事件来改变元素的class：

```html

Hello World!

Change Class

```

在以上示例中，点击按钮时会切换元素的样式（加粗、斜体和下划线）。通过classList对象的contains()方法来判断元素是否含有指定的类名，并使用add()和remove()方法来添加和移除类名。

除了使用classList对象外，还可以使用元素的className属性来直接修改class。但需要注意的是，使用className属性修改class时会替换原有的class属性，而不是添加或移除指定的类名。

总结起来，JavaScript中修改class的方式有两种：

1. 使用classList对象的add()、remove()、contains()和toggle()方法来修改class。

2. 直接修改元素的className属性来替换整个class属性。

以上就是在JavaScript中修改class的方法，希望对你有所帮助！