Inserire Style

[chumkiu]

Ciao a tutti,

Ho questa situazione.
Chiamata Ajax con ritorno XML. Questo XML contiene le varie parti da sostituire al documento tra cui anche del css.
Il css può essere una dichiarazione di vari classi oppure la definizione di elementi o entrambe le cose. Esempio

<root>
   <title>Titolo Pagina</title>
   <content>Content pagina</content>
   <css><![CDATA[
p {
   margin:0;
}
.mycssclass {
   padding:20px;
}

    ]]>
   </css>
</root>

Come faccio a inserirla compatibilmente con tutti i browser (almeno quelli recenti, ma mi preme FF, Explorer e Chrome). Ovviamente questo css deve sostituire quello inserito da una chiamata precedente.
In pratica è come se lo volessi inserire in uno style già predisposto in html.

Ho provate varie soluzioni ma nulla di pienamente compatibile (manco a dirlo il problema è explorer)

C'è una soluzione? Sarebbe preferibile direttamente in jquery, dato che già lo uso... ma anche js puro va bene =)

[Xinod]

se trovi un css crei un nuovo elemento <style> che riempi con il contenuto del css e lo appendi all' head del documento

function appendCSS(styleText){
	var stl=document.createElement('style');
	stl.setAttribute('type','text/css');
	if(stl.styleSheet) stl.styleSheet.cssText=styleText;
	else stl.appendChild(document.createTextNode(styleText));
	document.getElementsByTagName('head')[0].appendChild(stl);
}

ciao

[chumkiu]

	if(stl.styleSheet) stl.styleSheet.cssText=styleText;
	else stl.appendChild(document.createTextNode(styleText));

Era ciò che mi mancava, grazie =)