使用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,无法进行条件判断

猜你喜欢

转载自blog.csdn.net/m0_60051198/article/details/121223988