<!doctype html><html><head><meta charset="utf-8"><title>js批量修改样式</title><script>window.οnlοad=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>
转载于:https://www.cnblogs.com/xchlsl/p/4485240.html
相关资源:js setattribute批量设置css样式