Aggiungi qualche HTML nel tag HEAD?

Question

Voglio aggiungere un po 'di stile al tag head nella pagina html usando javascript.

var h = document.getElementsByTagName('head').item(0); 
h.innerHTML += '<style>a{font-size:100px;}</style>'; 

Ma quando ho eseguito questo codice in IE8 vedo questo messaggio di errore: Impossibile impostare la proprietà innerHTML. Elemento di destinazione non valido per questa operazione.

Qualche idea?

Answer 1

Creare l'elemento style con createElement:

var h = document.getElementsByTagName('head').item(0); 
var s = document.createElement("style"); 
s.type = "text/css"; 
s.appendChild(document.createTextNode("a{font-size:100px;}"); 
h.appendChild(s);