js改变样式的方式

1. 直接设置style的属性  某些情况用这个设置 !important值无效

如果属性有'-'号，就写成驼峰的形式（如textAlign）  如果想保留 - 号，就中括号的形式  element.style['text-align'] = '100px';

element.style.height = '100px';

2、如果标签内有class就可以用下面的属性

element.style.className= “bb”;

或者是img.setAttribute("class","bb");

这两中方式的前提是标签内有class，这种方式和第一种方式最后都是直接在行内直接加入了样式；

3. 设置style的属性

element.setAttribute('style', 'height: 100px !important');

4. 使用setProperty  如果要设置!important，推荐用这种方法设置第三个参数

element.style.setProperty('height', '300px', 'important');

以上有转载的内容，有自己的理解，转载的地址是  http://www.cnblogs.com/LiuWeiLong/p/6058059.html，不过我认为我现在用第一二种就行了