js在head里插入style样式

Posted 2020-07-21 放飞自我 tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js在head里插入style样式相关的知识，希望对你有一定的参考价值。

代码如下：

1 var nod = document.createElement(‘style‘),   
2     str = ‘body{background:#000;color:#fff} a{color:#fff;text-decoration:none;} a:hover{color:red;text-decoration:underline}‘;  
3     nod.type=‘text/css‘;  
4     if (nod.styleSheet) { //ie下  
5         nod.styleSheet.cssText = str;
6     } else {
7         nod.innerhtml = str; //或者写成 nod.appendChild(document.createTextNode(str))  
8     }
9     document.getElementsByTagName(‘head‘)[0].appendChild(nod); 

 

以上是关于js在head里插入style样式的主要内容，如果未能解决你的问题，请参考以下文章