JavaScript DOM-操作元素

样式属性操作
我们可以通过JS修改元素的大小、颜色、位置等样式。

行内样式操作	类名样式操作
element.style	element.className

注意：

1. 如果样式修改较多，可以采取操作类名方式更改元素样式
2. class因为是个保留字，因此使用className来操作元素类名属性
3. className 会直接更改元素类名，会覆盖原先的类名
4. JS 里面的样式采用驼峰命名法 比如 fontSize、backgroundColor
5. JS 修改 style 样式属性，产生的是行内样式，CSS权重比较高

下面是通过行内样式操作来修改div里面的样式：
（适合样式比较少或者功能简单的情况下使用）

下面是通过类名样式操作来修改div里面的样式：
（适合于样式较多或者功能复杂的情况）

注意一点：
如果标签里面已经有了一个类名，我们再去使用类名样式操作时会把原先的类名给覆盖掉。
解决方法：
给我们原先已经有点类名加到 element.className 里面即可。