js中cssText批量修改元素样式
来源:互联网 发布:如何做合格淘宝客服 编辑:程序博客网 时间:2024/06/05 16:10
平常编写代码,更改一个元素样式的时候,自己都是用
obj.style.width = "200px";obj.style.position = "absolute";obj.style.left = "100px";
之类的代码进行设置,这样的话如果更改样式很多的时候,就要写很多代码。
使用Javascript批量修改样式的方法:
cssText 的使用:
obj.cssText = " width:200px;position:absolute;left:100px;";
注意:cssText会清除之前元素含有的样式
所以得使用
obj.cssText += " width:200px;position:absolute;left:100px;";
但是再注意:在IE中的最后一个分号会被删除
obj.cssText += " ;width:200px;position:absolute;left:100px;"; //这样便能解决在IE中出现的问题了
其他使用cssText的方法:
//使用JSONfunction setStyle(obj,json){ for(var i in json) { obj.style[i]=json[i]; }}
使用的时候直接:
setStyle(obj,{width : '200px'; position : 'absolute'; left : '100px';});
转自:博客参考
0 0
- js中cssText批量修改元素样式
- js中巧用cssText属性批量操作样式
- js中巧用cssText属性批量操作样式(转)
- cssText实现js添加样式
- JS修改元素样式
- 巧用cssText属性批量操作样式
- 巧用cssText属性批量操作样式
- 巧用cssText属性批量操作样式
- 巧用cssText属性批量操作样式
- js中用cssText设置css样式 (
- js中用cssText设置css样式
- js中用cssText设置css样式
- js中用cssText设置css样式
- js中用cssText设置css样式
- JS获取和修改元素样式
- js中如何获取元素样式
- JavaScript修改css中style,className,cssText实例
- JavaScript修改css中style,classname,cssText实例
- Mac电脑本地文件转移到远程Linux服务器
- react-native-tab-navigator 拓展
- 一天搞定CSS:定位position--17
- 算法竞赛入门经典(第2版)习题2-4
- tessnet2和3版本混用后程序错误的解决
- js中cssText批量修改元素样式
- 百度地图开发(二)--定位,lbs数据查询,路径规划
- Android中判断是否有网络连接以及网络监控状态
- elasticsearch笔记_精确值搜索_filter(四)
- Python 2.7与Python3 的print有什么区别?
- 【OpenCV3】基于双目视觉的三维重建
- C# System.NullReferenceException: 未将对象引用设置到对象的实例
- ProduceQueue;支持堵塞和非堵塞
- 高并发Java 三 Java内存模型和线程安全