- 设置样式的两种方式
- className
- style
- 获取样式
<1>DOM的style属性只能获取标签中使用style设置的样式,无法获取嵌入/外部样式
<2>style.cssText获取style里面的字符串
- 设置样式:无论设置还是获取只能操作行内式
- 注意事项
<1>样式少的时候使用
<2>style是对象(其他大部分是字符串)
<3>值是字符串,没有设置值是“”
<4>命名规则:驼峰命名,和css不一样
<5>设置了类样式不能获取(只和行内式交互,和内嵌、外链无关)
<6>box.style.cssText = “字符串形式的样式”
就是把style里面的值当成字符串看待
- style常用属性
<1>backgroundColor
<2>backgroundImage
<3>color
<4>width
<5>height
<6>border
<7>opacity
注意DOM对象style属性的和标签中style内的值不一样,因为在js中不能用-作为标识符
- backgroundColor DOM中
- background-color CSS中