CSS DOM动态样式

2019独角兽企业重金招聘Python工程师标准>>>

CSS DOM动态样式

即使用JS操作CSS中的各属性。

JS只能操作或者修改行内样式，imgObj.style.border= ‘1px solid red’

对于类样式可以通过className来赋值，imgObj.className= “imgClass”

---

style对象

每个HTML标记都有一个style属性，这个style属性也是一个style对象。

style对象的属性和CSS中的属性一一对应。故，可以使用style对象来代替CSS

    imgObj.style.border= “1px solid red”

style对象属性与CSS属性的转换：

1. 如果是一个单词，style对象属性，跟CSS属性一样

2. 如果是多个单词，第一个单词全部小写，后面每个单词首字母大写，并去掉中划线
   

转载于:https://my.oschina.net/vhacker/blog/541923