利用js动态创建<style>

var nod = document.createElement(“style”),   
str = “body{background:#000;color:#fff} a{color:#fff;text-decoration:none;} a:hover{color:red;text-decoration:underline}”;  
nod.type=”text/css”;  
if(nod.styleSheet){         //ie下  
  nod.styleSheet.cssText = str;  
} else {  
  nod.innerHTML = str;       //或者写成 nod.appendChild(document.createTextNode(str))  
}  
document.getElementsByTagName(“head”)[0].appendChild(nod);  

 

posted @ 2017-08-24 17:17  岁月淡忘了谁  阅读(2594)  评论(0编辑  收藏  举报