JS如何设置元素样式的方法示例

一看到这个标题，大家可能首先想到的就是使用“[元素].style.[CSS属性名] = [属性值]”这样的套路去设置元素样式，但实际上，我们其实还有其他方式可以选择。接下来，我将详细介绍三种设置元素样式的方式。并且需要注意的是，对于使用短划线的CSS属性名，必须将其转换成驼峰大小写形式。这种方式相对于上面方法更为简洁，更像是直接在元素上写CSS：例如：确实，写法上很方便。但是，缺点是后面同样通过这种方式添加的样式会覆盖之前通过style特性指定的样式。所以，这个例子最终表现结果与上面只有一句时的效果是一样的：最后注意下兼容性，IE8及更早版本均不支持cssText。它指的是我们需要添加CSS代码的位置，所以参数0就代表的是该样式表的最开始位置。