js 批量设置样式的三种方法
2013-02-25 15:20
357 查看
一般我们都用css来批量设置样式,现在我们用js也可以批量设置样式:
总结三种方法如下
博客是本人学习后,保存于博客,如有错误和问题请留言,大家一起讨论。
总结三种方法如下
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> #div1{ width:100px; height:100px; background:#069;} </style> <script type="text/javascript"> //第一种使用JSON function setStyle(obj,json){ for(var i in json) { obj.style[i]=json[i]; } } window.onload=function(){ var oDiv=document.getElementById('div1'); // setStyle(oDiv, {width: '200px', background: 'red'}); //第一种 // oDiv.style.cssText="width: 200px; height:300px; background:yellow;"; //第二种 使用cssText //使用第三种 with (不推荐使用) with(oDiv.style) { width='300px'; height='500px'; background='yellow'; } }; </script> </head> <body> <div id="div1"></div> </body> </html>
博客是本人学习后,保存于博客,如有错误和问题请留言,大家一起讨论。
相关文章推荐
- js批量设置样式的三种方法不推荐使用with
- 通过创建方法,减少不同浏览器通过JS设置样式时的重复书写
- 【转】js中设置元素class的三种方法小结
- JS如何设置元素样式的方法示例
- js中设置元素class的三种方法小结
- js中设置元素class的三种方法小结
- JS使用cookie设置样式的方法
- js中设置元素class的三种方法小结
- js更换样式及cookie设置相关js方法
- js中设置元素class的三种方法小结
- js获取css的各种样式并且设置他们的方法
- js中设置元素class的三种方法小结
- js批量设置样式的三种方法不推荐使用with
- ORACLE批量更新三种方法比较
- js中对函数设置默认参数值的3种方法
- jquery动态加载js三种方法实例
- 点评 ibatis+oracle 批量插入的三种方法.
- JS判断一个数组中是否有重复值的三种方法
- js清空数组的三种方法
- mysql 设置密码的三种方法