js基础_65、使用DOM操作操作内联样式

通过JS修改元素的内联样式

语法：元素.style.样式名=样式值;

在使用js改变css样式时，如果Css样式名中含有-(减号)，需要将这种样式名修改为驼峰命名法，去掉-，然后将-号后面的字母大写。

比如：

在写样式时，background-color: red;
使用js修改样式时，div.style.backgroundColor=”yellow”;

我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过js修改的样式往往会立即显示。
比如：
本来原样式是写在style标签里的，

这样不会在内联里出现。但是如果使用js添加的样式会出现在内联里，优先级较高。

但是如果在样式中写了!important，则此时样式会有最高的优先级，即使通过JS也不能覆盖该样式，此时将会导致js修改样式失效，所以尽量不要为样式添加!important

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