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

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