बाहरी जावास्क्रिप्ट (जेएस) फ़ाइल से किसी वेब पेज में स्टाइल टैग कैसे जोड़ें

Question

मैं एक वेब पेज विकसित कर रहा हूं जिसमें मैं बाहरी जावास्क्रिप्ट फ़ाइल से गतिशील रूप से स्टाइल टैग जोड़ना चाहता हूं।

मैं इस कोड है कि काम नहीं करता है

this.addStyle = function() 
    { 
     if (! this.inited) { 
      alert("not inited"); 
      return; 
     } 
     var head = document.getElementsByTagName('head')[0], 
     style = document.createElement('style'), 
     rules = document.createTextNode('.bodys { bgcolor="red"; }'); 
     style.type = 'text/css'; 
     if(style.styleSheet) 
      style.styleSheet.cssText = rules.nodeValue; 
     else style.appendChild(rules); 
      head.appendChild(style); 
    } 

Answer 1

बदलें .bodys{ bgcolor="red"; }.bodys{background-color:red} को

Answer 2

उपयोग कर रहा हूँ नहीं सभी ब्राउज़रों उत्पन्न पाठ नोड्स के लिए लागू कर रहे हैं। MediaWiki

var s = document.createElement('style'); 
s.type = 'text/css'; 
s.rel = 'stylesheet'; 
if (s.styleSheet) { 
    s.styleSheet.cssText = text; // IE 
} else { 
    s.appendChild(document.createTextNode(text + '')); // Safari sometimes borks on null 
} 

बेशक अल्बर्ट्स उत्तर का भी पालन करता है।