JavaScript初级——使用DOM操作CSS（内联样式）

1、通过JS修改元素样式：

                                语法：元素.style.样名 = ”样式值“；

                注意：如果CSS的样式名中含有 - ，这种名称在JS中时不合法的，比如：background-color，需要将这种样式名修改为驼峰命名法：去掉 - ，然后将 - 后的字母大写，如：backgroundColor

2、我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示。但是如果在样式中写了！important，则此时样式会有最高的优先级，即使通过JS也不能覆盖该样式，此时将会导致JS修改样式失效。所以尽量不要为样式添加！important。

3、读取样式

                                语法：元素.style.样式名；

                通过style属性设置的和读取的都是内联样式，无法读取样式表中的样式。

本文分享先到这里，下一篇继续分享JavaScript初级中如何来获取元素的样式的方法。