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,{200px,height:200px,background:yellow});//注意大括号内用逗号分隔   
}
原文地址:https://www.cnblogs.com/RitaLee/p/5601812.html