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

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

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

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

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