当CSS样式中有-
类似background-color
这样在操作时-会被当成减法,会报错,如图:
解决办法:去掉- 并将命名改成驼峰法,如图:
vscode写代码的时候已经提醒了,如图:
ps:使用上述style修改的样式是内联样式,优先级较高,会立即显示
使用style读取的也只是内联样式
读取元素显示的样式:
currentStyle:只有ie支持(用法和上面style一样)
getComputedStyle:ie9及以上、其他浏览器支持
并且这两种方式读取都是只读,修改CSS样式只能通过style来进行
为了兼容所有的浏览器,可以自定义一个方法getStyle(),如下:
if条件中用window.getComputedStyle 而不是getComputedStyle,是为了让返回true/false,用getComputedStyle不存在的时候会返回undifend,无法进行条件判断