一、解释说明

1. className的语法：DOM元素.className = '类名'

   但className是直接新值替换了旧值，也就是说会完全替换以前的类的样式

2. 所以有时使用className追加类的语法就是：

   DOM元素.className = '旧的类名 新的类名'

3. 而classList解决了className 会覆盖原有类名的问题，我们可以通过classList的方式来追加、删除、更换类名

二、classList使用方法

1. 追加一个类：元素.classList.add('类名')

2. 删除一个类：元素.classList.remove ('类名')

3. 切换一个类：元素.classList.toggle('类名')

4. 检测一个类是否存在：元素.classList.contains('类名')