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

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

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});//注意大括号内用逗号分隔   
}

 

posted @ 2016-06-20 20:53  RitaLee  阅读(1015)  评论(0编辑  收藏  举报