<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=p, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .mask{ border: 1px solid #333; width:100px; height:20px; background-color: #ffcccc; } </style> </head> <body> <p><span class="te">我我哦我我</span></p> <p><span class="te">我我哦我我</span></p> <p><span class="te">我我哦我我</span></p> <div class="mask">1222</div> <button onclick="change()">changeColor</button> </body>   <script> //定义加载方法 function loadjscssfile(filename,filetype){ //判断js文件
if(filetype == "js"){ //创建script标签 var fileref = document.createElement('script'); fileref.setAttribute("type","text/javascript"); fileref.setAttribute("src",filename); }else if(filetype == "css"){  //判断css文件 //创建link标签
var fileref = document.createElement('link'); fileref.setAttribute("rel","stylesheet"); fileref.setAttribute("type","text/css"); fileref.setAttribute("href",filename); } if(typeof fileref != "undefined"){ document.getElementsByTagName("head")[0].appendChild(fileref); }
}
function change(){ loadjscssfile("static/test.css","css"); }

</script> </html>
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄