本文實例講述了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);