Ekle <style> javascript ile bir HTML sayfası içinde etiketi için bir yol arıyorum.

Şu ana kadar bulduğum en iyi yolu:

var divNode = document.createElement("div");
divNode.innerHTML = "<br><style>h1 { background: red; }</style>";
document.body.appendChild(divNode);

Bu Google Chrome, Firefox, Opera ve Internet Explorer değil ama çalışır. Ayrıca biraz <br> IE önünde çirkin.

Herkes <style> oluşturmak; Bu etiket için bir yol biliyor mu

1. daha güzel
2. Chrome ile çalışır?

Ya da belki de

1. bu Kaçınılması gereken standart olmayan bir şeydir
2. üç çalışma tarayıcılar zaten Chrome kullanan büyüktür?

Bu konuda herhangi bir tavsiye takdir ediyorum.

head style eleman yerine body eklemeyi deneyin.

Bu IE (7-9), Firefox, Opera ve Chrome test edildi:

var css = 'h1 { background: red; }',
    head = document.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);