Comment créer une balise <style> avec Javascript

Question

Je cherche un moyen d'insérer une balise <style> dans une page HTML avec javascript.

Le meilleur moyen que j'ai trouvé jusqu'à présent :

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

Cela fonctionne dans Firefox, Opera et Internet Explorer mais pas dans Google Chrome. De plus, c'est un peu laid avec le <br>devant pour IE.

Quelqu'un connaît-il un moyen de créer une balise <style> qui

1. est plus agréable
2. fonctionne avec Chrome ?

Ou peut-être

1. c'est une chose non standard que je devrais éviter
2. trois navig navig navigateurs qui fonctionnent fonctionnent bien et qui utilise Chrome d'ailleurs ?

J'apprécie tout conseil à ce sujet.

Answer 1

Tout est bon, mais pour que styleNode.cssText fonctionne dans IE6 avec un noeud créé par javascipt, vous devez ajouter le noeud au document avant de définir le cssText ;

plus d'infos @ http://msdn.microsoft.com/en-us/library/ms533698%28VS.85%29.aspx