设置样式的两种方式

1. 设置样式的两种方式

1. className
2. style

1. 获取样式

<1>DOM的style属性只能获取标签中使用style设置的样式，无法获取嵌入/外部样式

<2>style.cssText获取style里面的字符串

2. 设置样式：无论设置还是获取只能操作行内式
3. 注意事项

<1>样式少的时候使用

<2>style是对象（其他大部分是字符串）

<3>值是字符串，没有设置值是“”

<4>命名规则：驼峰命名，和css不一样

<5>设置了类样式不能获取（只和行内式交互，和内嵌、外链无关）

<6>box.style.cssText = “字符串形式的样式”

    就是把style里面的值当成字符串看待

4. style常用属性

<1>backgroundColor

<2>backgroundImage

<3>color

<4>width

<5>height

<6>border

<7>opacity

注意DOM对象style属性的和标签中style内的值不一样，因为在js中不能用-作为标识符

• backgroundColor  DOM中
• background-color CSS中