js改变样式的方式
2017-06-15 20:58
162 查看
1. 直接设置style的属性 某些情况用这个设置 !important值无效
如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';
2、如果标签内有class就可以用下面的属性
element.style.className= “bb”;
或者是img.setAttribute("class","bb");
这两中方式的前提是标签内有class,这种方式和第一种方式最后都是直接在行内直接加入了样式;
3. 设置style的属性
4. 使用setProperty 如果要设置!important,推荐用这种方法设置第三个参数
以上有转载的内容,有自己的理解,转载的地址是 http://www.cnblogs.com/LiuWeiLong/p/6058059.html,不过我认为我现在用第一二种就行了
如果属性有'-'号,就写成驼峰的形式(如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,不过我认为我现在用第一二种就行了
相关文章推荐
- JS改变DOM样式的三种方式
- js改变DOM样式的三种方式
- 使用js改变DOM样式的三种方式 - style属性
- 使用js改变DOM样式的三种方式 - 动态创建style标签
- 使用js改变DOM样式的三种方式 - className属性
- 编写js公共函数addclass()实现改变样式
- 点击button获取text内容并改变样式的js实现
- JS 改变图片样式
- JS代码 基本选择器。图片样式。改变控件样式。图片渐变。
- js改变元素样式
- js改变鼠标的形状和样式的方法
- js 改变gridview样式
- JS改变 HTML style样式
- 鼠标滑过改变样式JS函数
- js display隐藏和显示时,样式会被改变。
- JS 改变input 输入框样式
- 点击button获取text内容并改变样式的js实现
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- 改变FileUpLoader 样式 (FileUpLoader js)
- js改变鼠标样式