這篇文章主要介紹了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程序設計有所幫助。