js批量修改样式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js批量修改样式</title>
<script>
window.onload=function(){
var test=document.querySelector(".test");
function setStyle(dom,strCss){
var sty=dom.style;
console.log(sty.cssText+strCss);
dom.style.cssText=sty.cssText+strCss;
}
var strCss="width:400px;height:200px;background:#ccc";
setStyle(test,strCss)
function setStyle2(dom,css){
for(var attr in css){
dom.style[attr]=css[attr];
}
}
setStyle2(test,{'color':'#f00','border':'1px solid #f00','fontWeight':'bold'});
}
</script>
</head>
<body>
<div class="test" style="font-size:20px;">js批量修改样式</div>
</body>
</html>
