DOM元素的样式操作
1、通过 style 属性操作CSS： 对象.style.样式属性 = 值
注意点： 1、修改样式通过style属性引出 2、如果属性有-连接符，需要转换为小驼峰命名法 3、赋值的时候，需要的时候不要忘记加css单位
2、操作类名(className) 操作CSS： 对象.className = '类名'
注意点：
1、className可以同时设置多个样式
2、className是新值换旧值,会把之前的类覆盖掉
3、通过 classList 操作类控制CSS ：
语法：
1、添加一个或多个类： 对象.classList.add('类名1', '类名2')；类名需要用引号包裹，不同类名之间用逗号隔开
2、 删除一个或多个类： 对象.classList.remove('类名1', '类名2')；类名需要用引号包裹，不同类名之间用逗号隔开
3、切换一个类，如果有就删除，没有就添加 ：对象.classList.toggle('类名')
4、判断是否存在某一个类，有就返回true,没有就返回false：
let flag = 对象.classList.contains('类名')
注意点：className和classList 的区别，classList 是追加和删除不影响以前类名
