js批量修改样式

it2022-05-08  10

<!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样式

最新回复(0)