使用DOM修操作CSS样式

当CSS样式中有-

类似background-color

这样在操作时-会被当成减法，会报错，如图：

 解决办法：去掉-    并将命名改成驼峰法，如图：

 vscode写代码的时候已经提醒了，如图：

ps：使用上述style修改的样式是内联样式，优先级较高，会立即显示

使用style读取的也只是内联样式

读取元素显示的样式：

currentStyle：只有ie支持（用法和上面style一样）

getComputedStyle：ie9及以上、其他浏览器支持

并且这两种方式读取都是只读，修改CSS样式只能通过style来进行

为了兼容所有的浏览器，可以自定义一个方法getStyle()，如下：

if条件中用window.getComputedStyle 而不是getComputedStyle，是为了让返回true/false，用getComputedStyle不存在的时候会返回undifend，无法进行条件判断