JavaScript动态添加style节点的方法

这篇文章主要介绍了JavaScript动态添加style节点的方法,涉及javascript节点操作的相关技巧,需要的朋友可以参考下

本文实例讲述了JavaScript动态添加style节点的方法。分享给大家供大家参考。具体如下：

1. var css = 'h1 { background: red; }', 
2. head = document.getElementsByTagName('head')[0], 
3. style = document.createElement('style'); 
4. style.type = 'text/css'; 
5. if(style.styleSheet){ 
6. style.styleSheet.cssText = css; 
7. }else{ 
8. style.appendChild(document.createTextNode(css)); 
9. } 
10. head.appendChild(style); 

希望本文所述对大家的javascript程序设计有所帮助。