js改变样式的方式

来源：互联网发布：日上免税店有mac吗编辑：程序博客网时间：2024/06/05 08:44

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，不过我认为我现在用第一二种就行了

阅读全文

0 0