modificare <style>..</style> dopo onload

[KLINKO]

vorrei dopo onload della pagina scrivere una riga di CSS dentro i tag vuoti di <style></style>

pensavo di fare questo perchè dopo onload determino l'altezza in pixel del body
var altez = document.body.offsetHeight

e quindi dopo applicare un attributo di height al css
document.write("<style>#DivPippo{height:" + altez + "px;}</style>");

ho difficolta nel capire se è possibile e come scrivere dentro head o style

è tecnicamente fattibile o c'è un altra soluzione?
ringrazio anticipatamente tutti.

[mondobimbi]

funzionerà??

    
document.getElementsByTagName("head")[0].appendChild(document.createElement("style").document.createTextNode("#DivPippo{height:" + altez + "px")));

crei un elemento style (se vuoi gli dai i suoi attributi) ed un figlio di tipo testo con la tua direttiva css.
Poi appendi il nodo appena creato al tag head del tuo documento.

ciao
sergio

[Mega69]

Fai prima usando la proprietà style:

window.onload = function() {
  document.getElementById("pippo").style.height = document.body.offsetHeight + 'px';
}