码迷,mamicode.com
首页 > Web开发 > 详细

JS 之设置元素样式的改变,可以利用样式框架

时间:2016-06-20 21:58:40      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

  如果已经将某个元素的样式设定好了,又想改变,可以利用样式框架:

1 function setStyle(obj,attr,value){
2       obj.style[attr]=value;//注意此处attr的写法,点用中括号代替
3 }

然后就可以调用该函数对样式进行改写了,但是这样的话,想改变多个运算样式的时候,需要调用多次这个函数,若不想多次调用函数,该怎么办呢?   

这时可以利用json,

function setStyle(obj,json){
     var attr=‘‘;
      for(attr in json){  
          obj,style[attr]=json[attr];    
        }  
}
window.onload=function(){
  var oDiv=doucment.getElementsByTagName(‘div‘)[0];
  setStyle(oDiv,{width:200px,height:200px,background:yellow});//注意大括号内用逗号分隔   
}

 

JS 之设置元素样式的改变,可以利用样式框架

标签:

原文地址:http://www.cnblogs.com/RitaLee/p/5601812.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!