1、首先准备HTML文档，并且添加一个含有类名的div块，如下图所示
2、然后我们利用querySelector来获得要操作的dom元素，如下图所示
3、然后我们就可以调用classList了，如下图所示，先运用add方法添加类名
4、接下来我们可以通过classList的remove方法来移除一个样式类，如下图所示
5、然后在来看一个toggle方法，它可以带一个参数，也可以带两个参数，如下图所示
6、最后来看一个contains方法，它就是判断一个元素上是否存在一个指定的类名，如下图所示
7、综上所述，HTML5中的classList封装了操作样式类的方法，利用它你可以对样式进行增删改查。