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

Posted 2020-07-27 RitaLee

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

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